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Foreword 


Vorwort 


Modern typography is based primarily on the theories 
and principles of design evolved in the 20’s and 30's o( 
our century. It was Mallarme and Rimbaud in the 
19th century and Apollinaire in the early 20th century 
who paved the way to a new understanding of the 
possibilities inherent in typography and who. released 
from conventional preiudices and fetters, created 
through their experiments the basis for the pioneer 
achievements of the theoreticians and practitioners that 
followed. Walter Dexel, El Lissitzky. Kurt Schwitters. 

Jan Tschichold. Paul Renner, Moholy-Nagy. Joost 
Schmidt etc. breathed new life into an unduly rigid 
typography. In his book 'Die neue Typografie" (1928) 

J. Tschichold formulated the rules of an up-to-date 
and objective typography which met the needs of the 
ago. 

Wo arc indebted to tho exponents of obiective and 
functional typography and graphic design for the 
development of regulative systems in visual communi- 
cation As long ago as the twenties works conceived in 
objective terms and composed in accordance with 
strict principles were being produced in the fields of 
typography, graphic design and photography in 
Germany, Holland, Russia. Czechoslovakia and Switzer- 
land. 

The grid as a controlling principle in the form we know 
7 it today still remained to be invented. Yet the first steps 
were already being taken towards it in the course of 
efforts to achieve the greatest possible order and 
economy in the use of typographic resources The 
principle of the grid system presented in this book was 
developed and used in Switzerland after World War II. 
The second half of the forties brought the fust examples 
of printed matter designed with the aid of a grid. This 
now trend was characterized by a disposition of text 
and illustrations conceived on strict principles, by 
uniformity in the layout of all pages, and by an obiective 
attitude in the presentation of the subject. 

The author's ‘The Graphic Artist and his Design 
Problems”, published in 1961, was the first book to give 
a brief account in words and pictures of the grid system. 


Die moderne Typografie basieri hauptsachlich auf den 
gestalterischen und theoretischen Uberlegungen der 
zwanziger und dreissiger Jahre unseres Jahrhunderts. 
Mallarm6 und Rimbaud im 19. Jahrhundert und 
Apollinaire anfangs des 20. Jahrhunderts waren die Vor- 
laufer cines ncuen Vcrstandnisses der typografischen 
Moglichkcitcn. die, befreit von konvcntioncllcn Vorur- 
tcilcn und Fcsseln. mit ihren Expcrimontcn die Voraus- 
setzungen fur die Pionierleistungcn der nachfolgcndon 
Praktiker und Theoretiker schafften. Walter Dexel, El 
Lissitzky. Kurt Schwitters. Jan Tschichold. Paul Renner, 
Moholy-Nagy, Joost Schmidt u.a. verhalfon der orstarr- 
ten Typografie zu neuem Lcben. 

J. Tschichold formulierte in seinern Buch «Die neue 
Typografie^. 1928. die Regeln einer modernen. zoitge- 
massen und sachlichen Typografie. 

Die Entwicklung von Ordnungssystemen in dor visuellen 
Kommunikation war das Verdienst und die Leistung der 
Verlreter der sachlich-tunktionellen Typografie und 
Grafik. Bereits in den zwanziger Johrcn entstanden in 
Deutschland. Holland. Russland, in der Tschechoslowa- 
kei und in dor Schweiz auf don Gcbioton dor Typografie, 
Grafik und Fotografie Arbeiten mit obiektivierter Kon- 
zeption und strenger Komposition. 

Der Raster als Ordnungsprinzip, wie er uns heule be- 
kannt ist, war noch nicht gefunden. Doch die Ansalze 
dazu. das Streben nach grosstmoglicher Ordnung und 
nach Okonomie in der Verwendung der typografischen 
Mittel, waren vorhanden. 

Das Rastersystem, das in dicscm Buch vorgcstellt wird, 
war im Prinzip in der Schweiz nach dem 2. Wcltkricg 
entwickelt und angewendet worden. 

In der zweiten Halfte der vierziger Jahre erschienen 
die ersten Drucksachen. die mit dem Raster gestaltct 
waren. Strenge Text- und Bildkonzeption, ein ein- 
heitliches Layout fur alle Seiten und eine sachliche 
Haltung in der Presentation des Themas waren charak- 
teristisch fur die neue Tendenz. 

1961 erschien zum ersten Male eine kurzgefasste 
texthchc und bildlicne Darstellung des Rasters im Buche 
"Gestaitungsprobleme des Grafikcrs-* (Niggli Verlag) 


Foreword 


Vorwort 


Under the title "The Grid System as an Aid in the 
Design ol Advertisements, Catalogues, Exhibitions etc." 
there followed an introduction to the spirit and appli- 
cation of the grid, accompanied by 28 examples of 
grids taken from the practical field. 

Subsequently articles appeared from time to time in 
trade journals dealing with the subject of the grid. But 
there was no publication that showed how the grid 
was constructed and applied, let alone how trie design 
of the grid system was to be learned. 

This book is an attompt to close the gap. 

The author thanks the publisher for his willingnoss to 
publish the book, the designers and firms for permission 
to use examples of grids, and my assistant. Miss Ursula 
Motteli, tor her excellent help, also in the production of 
the drawings. 


des Autors. Unter dem Titel »Das Rastersystem als 
Hilfsmittel bei dcr Gestaltung von Inseraten. Katalogen, 
Ausstellungen usw.» folgte eino Emtuhrung in das 
Wesen und den Nutzen des Rasters, begleitet von 
28 Rasterbeispielen aus der Praxis. 

In der Folge erschienen hin und wieder Artikel in 
Fachzoitschriften, die das Thema Raster behandelten. 
Aber koine Veroffentlichung vermochte die Konstruktion 
und die Anwendung des Rasters darzustellen. odor wie 
die Gestaltung des Rastersystems zu erlcrnon soi 
Dieses Buch versucht die Lucke zu schliessen. 

Dor Autordankt demHerausgeber fur seine Bcroitschaft, 
das Buch zu verlegen. den Gestaltern und Firmen fur 
die Uberiassung von Rasterbeispielen und seiner Mil- 
arboiterin. Frauloln Ursula MOtteli. fur ihre ausgezeich- 
nete Mithilfe. auch bei dor Horstollung der Zcichnungon 
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The book 


The present volume on the function and use of the grid 
system is intended to provide the designer operating 
in two and three dimensions with a practical working 
instrument which will enable him to handle visual 
problems and solve them in terms of conception, 
organization and design with greater speed and 
confidence. 

At the same time it places in the hands of the educator 
an aid which he con use to good effect in tuition 
based on the solution of practical problems. It will afford 
the student an opportunity to familiarize himself with 
the essentials of the grid and ways of producing it and 
also to learn how to use it through his own 
oxorciscs. 

The author has sought to identify and explain in detail 
and step by step the essential points to bo observed 
in the design of a grid. 

To make rational and functional use of the grid, the 
designer must subject all the criteria to a careful study 
The fact that the great majority of designers are 
ignorant of such a system for establishing order or that 
they fail to understand and therefore to use it properly 
may be taken as a sign that the use of tho grid is 
something that calls for serious study Anyone willing to 
take the necessary trouble will find that, with the aid 
of the grid system he is better fitted to find a solution 
9 to his design problems which is functional, logical and 
also more aesthetically pleasing 


Zum Buch 


Die vorliegende Publikation uber Funktion und 
Anwendung des Rastersystems will dem zwei- und 
dreidimensional arbeitenden Designer ein praktisches 
Arbcitsinstrumcnt scin. das ihm cin sichoros und 
rascheros Konzipieren, Organisieren und Gostalten von 
visuetlen Problemlosungen gestattel. 

Es mochte aber auch dem Erzieher ein Hilfsmitlel in die 
Hand geben das ihm beim didaktischen und problem- 
orienlierlen Unterncht von Nutzen sem karm. Dem 
Studenten soil es die Moglichkeit bieten, sich uber das 
Wesen des Rasters und dessen Findung vertraut zu 
machen und dutch eigene Ubungen den Gebrauch des 
Rasters zu crlernon. 

Der Autor versuchte, die wesentliehen Punkto, die bci 
der Konzeplion ernes Rasters beachtet werden mussen, 
im Detail und Schritt fur Schritt aufzuzeichnen und zu 
crklaren. 

Es bodarf oines sorgfaltigen Studiums aller Kriterien. 
will ein Designer den Rastor sinnvoll und funktioncll 
gebrauchen. Die Tatsache. dass die uberwlegende Zahl 
der Designer das Ordnungssystem nicht kennen odei 
falsch verstehen und deshalb auch falsch anwenden, 
mag cin Hinweis datur sein. dass der Gebrauch des 
Rasters sorios crlernt werden will. Wcr sich diosor Muhe 
zu untcrzichen nicht scheut, wird ertahren. dass or viele 
Aufgaben mit Hille des Rastersystems in funktioneller. 
logischcr und auch asthetischor Art bessor zu Ibsen 
imstande ist 


Grid and design philosophy 


Raster- und Design-Philosophie 


The use of the grid as an ordering system is the 
expression of a certain mental attitude inasmuch as it 
shows that the designer conceives his work in terms that 
are constructive and oriented to the future 
This is the expression of a professional ethos: the 
designer's work should have the clearly intelligible, 
objective, functional and aesthetic quality of 
mathematical thinking. 

Hcs work should thus be a contribution to general 
culture and itselt form part of It. 

Constructive design which is capable of analysis and 
reproduction can influonco and enhance she tasto 
of a society and the way it conceives forms and colours. 
Design which is objective, committed to the common 
weal, well composed and refined constitutes the basis 
of democratic behaviour. Constructivist design means 
tho conversion of design laws into practical solutions. 
Work done systematically and in accordance with strict 
tormal principles makes those demands for directness, 
intelligibility and the integration of all factors which are 
also vital In sociopolitical life. 

Working with the grid systom means submitting to laws 
of universal validity. 

The use of the grid system implies 

the will to systematize, to clarify 

tho will to penetrate to the essentials, to concentrate 

the will to cultivate objectivity instead of subjectivity 

the will to rationalize the creative and technical 

production processes 

the will to integrate elements of colour, form and 
material 

the will to achieve architectural dominion over surface 
and space 

the will to adopt a positive, forward-looking attitude 
the recognition of the importance of education and the 
effect of work devised in a constructive and creative 
spirit. 

Every visual creative work is a manifestation of the 
character of the designer It is a reflection of his 
knowledge, his ability, and his mentality. 


Der Gebrauch des Rasters als Ordnungssystem ist Aus- 
druck einer bestimmten geistigen Haltung, indem der 
Designer seme Arbeit in konstruktiver und zukunfts- 
onentierter Weise auffasst. 

Dies ist Ausdruck eines Berufsethos: dio Arbeit dcs 
Designers soli auf mathematischer Denkweise, klar, 
transparent, sachlich. tunktionelt und asthetisch scin. 

Die Arbeit soil damit ein Beitrag an die allgemoine 
Kultur. sie soli selbst ein Toil der Kultur sein. 

Durch emc konstruktive. analysierbarc und nachvoll- 
ziehbare Gestaltung konnen dor Geschmack der Gcsoll- 
schaft, die Form- und Farbkultur emcr Zcit bocintlussl 
und gehoben werden. 

In der sachlichen. dem Allgemeinwohl verpflichteten. 
gut komponierten und kulhvierten Gestaltung liogen die 
Voraussetzungen fur domokratisches Verhalton. 

Die konstruktivistische Gestaltung bedcutet Umsetzung 
gestallerischer Gesetze in praktische Losungen. 

In strenger formaler und systematischer Arbeit sind die 
Forderungen nach Offcnhcit, Transparenz und Ver- 
flechtung alter Faktoren. die auch im politischen Leben 
der Gesellschatt von erstrangiger Bedeutung sind. 
enthalten. 

Mit dem Rastersystem arbeiten bedeutet. sich universe!! 
gultigen Gesetzen unterordnen. 

Die Anwcndung des Rastersystems versteht sich als 

Wille zur Ordnung, zur Klarheit 10 

Wille. zum Wesentlichen vorzudringen. zur Vcrdichtung 

Wille zur Objektivitat, anstelle der Subjektivitat 

Wille zur Rationalisierung der kreativen und der produk- 

tionstechnischen Prozesse 

Wille zur Integration der formalen, farblichen und 

materiellen Elemente 

Wille zur architektonischen Beherrschung der Flache 
und dcs Raumes 

Wille zur oositiven. zukunflsorientierten Haltung 
Anerkennung der erzieherischen Bedeutung und Wir- 
kung konstruktiv und kreativ gestalteter Arbeiten. 

Jede visuclle. kreative Arbeit ist cine Manifestation des 
Charakters des Gestalters. In ihr schlagt sich sein 
Wissen. Konnen und seine Gesinnung nieder. 


The typographic grid 


Thn grid divides a two-dimensional plane into smaller 
lields or a three-dimensional space into smaller 
compartments. The fields or compartments may be 
the same or different in size. The fields correspond in 
depth to a specific number of lines of text and the width 
of the fields is identical with the width of the columns 
The depths and the widths are indicated in typographic 
measures, in points and ciceros. 

The fiolds are separated by an intermediate space so 
that on the one hand pictures do not touch each other 
and legibility is thus preserved and on the other that 
captions can bo placed below the illustrations. 

The vertical distance between the fields 15 1. 2 or more 
lines of text, the horizontal space depending on the 
size of the typo character and of the illustrations. 

By means of this division into grid fields the elements 
of design, viz. typography, photography, illustration and 
colour, can bo disposed in a better way. These elements 
are adjusted to the size of the grid fields and fitted 
precisely into the size ol the fields. The smallest 
illustration corresponds to the smallest grid field. 

The grid for a V* page comprises a smaller or larger 
number of such grid fiolds All illustrations, photographs, 
statistics etc. have the size of 1 . 2, 3 or 4 grid fields. 

In this way a certain uniformity is attained in the presen- 
tation of visual information. 

1 1 The grid determines the constant dimensions of space 
There is virtually no limit to the number of grid divisions. 
It may be said in general that every piece of work 
must be studied very carefully so as to arrive at the 
specilic grid network corresponding to its 
requirements. 

The rule: The fewer the differences in the size of the 
illustrations, the quieter the impression created by the 
design. As a controlling system the grid makes it 
easier to give the surface or space a rational 
organization. 

Such a system of arrangement compels the designer to 
be honest in his use of design resources. It requires 
him to come to terms with the problem in hand and to 
analyse it. It fosters analytical thinking and gives the 


Der typografische Raster 


Mit dem Raster wird eine zweidimensionale Flache Oder 
ein dreidimcnsionaler Raum gitterformig in kleincro 
Felder oder Raume unterteilt. Die Felder Oder Raumo 
konnen gleiche Oder unterschiedliche Masse haben. 

Die Hohe der Felder entsprichi einer beslimmten 
Anzahl von Textzeilen, die Breile der Felder is! identisch 
mil der Brcitc der Spaltcn. 

Die Hohcn- und die Brcitcnabmessungen werden mil 
lypografischen Massen angegeben, mit Punkt und 
Cicero. 

Die Felder werden durch einen Zwischenraum von- 
oinandcr gotrennt. damit sich cincrscits Bildor nicht 
beruhren. zum anderen aber auch. damit unter die Ab- 
biidungen Legenden geseizt werden konnen. 

Der vertikalc Abstand der Felder botragt 1 . 2 Oder mehr 
Textzeilen, der horizontal© Abstand richtet sich nach 
der Grosse der Schrift und der Abbildungen. 

Mit der Auftcilung in Rastertctdcr konnen die Elcmcnto 
derGestaltung Typografie. Fotografie. Illustration 
und Farbe besser geordnet werden. Diese Element© 
werden auf das Mass der Raslerfelder gebracht und 
genau in die Grosse der Felder eingeposst. Die kloinslo 
Aobildung entspricht dem kleinsten Rasterfeld. 

Der Raster tur eine ’ i-Seite umtasst erne kleincre odor 
grosserc Anzahl solcher Rasterfcldcr. Allc Abbildungen. 
Fotos, lllustrationen, Statistiken usw. haben die Grosse 
von 1. 2. 3. 4 oder mehr Rasterfeldern. 

Dadurch entsteht eine gewisse Einheit in der Presen- 
tation der visuellen Informalionen. 

Der Raster bestimmt die konstanten Mass- und Raum- 
Dimensionen. Die Zahl der Rasterteilungcn ist praktisch 
unbegrenzt. Allgemein kann gesagt werden. dass jode 
Aufgabe bei grundlichem Studium ein ihr entsprechen- 
des. spezifisches Rasternetz erhalten musste. 

Die Regel: je weniger unterschiedlich grosse Abbil- 
dungen verwendet werden. desto ruhigcr wirkt die 
Gestaltung. 

Als Ordnungssystem erleichtert der Raster dem Gestal- 
ter die sinnvolle Organisation einer Flache Oder eines 
Raumes. 

Das Ordnungssystem zwingt zur Ehrlichkeit in der An- 


The typographic grid 


Der typogralische Raster 


solution of the problem a logical and material basis. It 
the text and pictures aro arranged systematically, the 
priorities stand out more clearly. 

A suitable grid in visual design makes it easier 
a 

to construct the argument objectively with the means 
ot visual communication 
b 

to construct the text and illustrative material 
systematically and logically 
c 

to organize the text and illustrations in a compact 
arrangement with its own rhythm 
d 

lo put togother tho visual material so that it is readily 
intelligible and structured with a high degree of tension. 

There are various reasons for using the grid as an aid 
in the organization of text and illustration 
economic reasons, a problem can bo solved in less lime 
and at lower cost 

rational reasons: both simple and complex problems 
can be solved in a uniform and characteristic style, 
mental attitude: the systematic presentation of facts, of 
sequences of events, and of solutions to problems 
should, for social and educational reasons be a 
constructive contribution to the cultural state of society 
and an expression of our sense of responsibility. 


wendung der gestalterischen Mittel. Es verlangt die 
Auscinandersctzung mil der gestellten Aufgabe und die 
Analyse derselben. Es fordort die analytische Denk- 
weise. die logischc und sachlichc Unterrnaucrung der 
Problernlosung. In der sachlichen Organisation der 
Text- und Bildmittel treten die Priontatcn markaritor 
hervor. 

Ein brauchbarer Raster in der visuollen Gestaltung 
erleichtert 
a 

den sachlichen Aufbau der Argumentation mlt don Mit- 
teln dor visuollen Kommunikation 
b 

don systematischcn und logischen Aufbau von Text- und 
Dildmaterial 
c 

die rhythmischc, in sich geschlossene Organisation der 
textlichen und bildfichen Miltof 
d 

den transparenten. spannungsvollen Aufbau der visuel- 
fen Informationen 

Es gibt verschiedene Grunde dalur. den Raster nls 
Hilfsmlttel bei der Organisation von Text und Bild zu 
gebrauchen: 

okonomische Grimdc eine Aufgabe kann mit geringe- 
remZeitaufwand und mit wenigerKosten gcldst werden: 
rationale Grunde es lasscn sich einzelne wie auch 
komplexe Aufgaben in einem einheitlichen. charakteri- 
stischen Stil losen; 

geistige Haltung als Grund: die geordnete Darstellung 
von Fakten. von Ablaufen von Geschehnissen von Pro- 
blemlosungen soil aus sozialen und padagogischen 
Grunden ein konstruktiver Beitrag an die kulturclle 
Situation der Gesellschaft und Ausdruck unseres Ver- 
antwortungsbewusstsems sein. 


What is the purpose of the grid? Wozu dient der Raster? 


The grid is used by Iho typographer, graphic designer, 
photographer and exhibition designer for solving visual 
problems in two and three dimensions. The graphic 
designer and typographer use it for designing press 
advertisements, brochures, catalogues, books, 
periodicals otc., and the exhibition designer for con- 
ceiving his plan for exhibitions and show-window 
displays. 

By arranging the surfaces and spaces in the form of a 
grid the designer is favourably placed to dispose his 
texts, photographs and diagrams in conformity with 
objective and functional criteria The pictorial elements 
are reduced to a lew formats of the same size The 
size of tho pictures is determined according to their 
importance for the subject. 

Tho reduction of the number of visual elements used 
and their incorporation in a grid system creates a sense 
of compact planning, intelligibility and clarity, and 
suggests orderliness of design This orderliness lends 
added credibility to the information and induces 
confidence. 

Information presented with clear and logically set out 
titles, subtitles, texts, illustrations and captions will not 
only be read more quickly and easily but the information 
will also be better understood and retained in the 
memory. This is a scientifically proved fact and the 
designer should bear it constantly in mind 
The grid can be successfully used for the corporate 
identities of firms. This includes all visual media of in- 
formation from the visiting card to the exhibition stand, 
all printed forms for internal and external use. adver- 
tising matter, vehicles for goods and passenger trans- 
port, name-plates and lettering on buildings, etc. 


Der Raster wird vorn Typografen, Grafiker. Fotografen 
und Ausstellungsgestalter fur die Losung zwei- und 
dreidimensionaler visuellcr Aufgaben verwendot. Der 
Grafiker und Typograf benutzen ihn fur die Gestaltung 
von Inseraten. Prospekten. Katalogen. Biichern. Zeit- 
schriften. der Ausstellungsgestalter fur die Konzeptiori 
von Ausstcllungen Schautonstcrdisplays usw 
Durch die gitterformige Gliedcrung der Flachen und 
Raume erhalt der Gosialter erne guto Moglichkeit, die 
Tcxto. Fotos und grafischen Darstellungon nach 
sachlichcn und funktionelleri Gesichtspunkton zu 
ordnen Dio btldncrischen Elemcnte warden auf wenigo 
Formatgrosson reduziert. Dio Grosse dor Abbildungen 
wird entsprechcnd ihrer thematischen Bodoutung fest- 
gelegt. 

Die Reduktion der visuellen Elemente und ihre Ein- 
ordnung in ein Rastersystom konnen den Emdruck der 
plancrischcn Geschlossenheit, dor Transparenz 
und Klarhelt und der gestalterischcn Ordnung bewirken. 
Ordnung in der Gestaltung unterstulzt die Glaubwurdig- 
keit der Information und schafft Vortrauen. 

Eine Information mit klar und logisch gcglioderten 
T iteln. Untcrtiteln. Texten. Bildcrn und Bildlegendcn 
v/ird nicht nur schneller und muheloser gelesen. die 
Information v/ird auch besser vorstanden und Im 
Gedachinis behalten Diese wissenschaftlich erwiesono 
Tatsache sollte sich der Geslalter stets vor Augen 
halten, 

Mit dem Raster werden mit Erfolg die Erscheinungs- 
bildor fur Unternehmen gestaltet. Zum Erscheinungsbild 
gehoren alle visuellen Informationstrager, von der 
Visitenkartc bis zum Ausstellungsstand. also auch alle 
Formulare fur den internen und externen Verkehr. die 
werblieher. Drucksachen. die Wagen fur Pcrsonen- 
und Warentransporte, die Geschafts- und Gebaudc- 
beschriftung usw. 


Sizes of paper 


Papierformate 


Most printod matter adheres to the sizes of the 
standardized DIN system The dcsignor will also be well 
advised to employ these most commonly used sizes. 

For one thing, these sizes are stocked by the paper 
manufacturer and the printer can order and obtain them 
without loss of time For another, the presses and 
cutting machines also have specific standardized 
dimensions which match the paper sizes of the DIN 
systom Again, the size9 of envelopes are DIN standard- 
ized and, last but not least, the scale of postal charges 
is partly based on the DIN standardization 
A slzo which is outside those of the DIN system must be 
manufactured to this specllication at the paper factory 
or. alternatively, a larger size than required is used 
tor printing and trimmed afterwards, which means 
a waste of paper. Both approaches increase production 
costs. 

The following page shows the sizes of Ihe DIN series 
The reader will see that the next largest size is always 
twice as big as the preceding one, for example, the A 6 
Is twice the size of the A 7. This means in effect that 
overy DIN size that is folded also produces a DIN 
size. 

The advantages of this standardization are incomparably 
greater than its disadvantages. A firm wishing to have 
a corporate identity will also have to introduce uniform 
15 paper sizes, for information printed on standard paper 
makes a greater impact on the reader 
Tho recipient is also more likely to keep standardized 
sizes of paper because they slip easily into files and 
card indexes. This is a point that no designer can 
afford to ignore. 


Die moisten Drucksachcn halten sich an die genormton 
DIN-Formate. Der Gestalter tut gut daran, sich ebenfalls 
dieser gebrauchlichsten Papierformate zu bedierien. 
Emmal. weil diese Formate beirn Papierhersteller am 
Lager sir>d und sie vom Drucker ohne Zeitvcrlust bcstelll 
werden konnen. Zurn anderen.weil die Druckmaschinen 
und die Schneidemaschinen ebenfalls bestimmte, 
genormte Masse haben. die mit den Papierformaten 
der DIN-Reihe abgestimmt sind. Auch die Couvertmasso 
sind DIN-normiert. und nicht zuletzt sind dio Posttarife 
teils auf der Basis der DIN-Norrnung abgestuft. 

Em Format, das ausserhaib der DlN-genormten Formate 
bestellt wird. muss ontweder in der Papierfabrik auf 
dieses Mass hergestellt werden, odor es wird oin 
grosseres Papierformat als das gewunschte fur don 
Druck verwendet und hernach auf dieses zugeschnltten, 
was emon Papiervcrlust ocdcutot Beido Wcge 
verteuern die Produktion 

Die folgende Seite zeigt die Formate der DIN-Reihe. Der 
Leser wird bemerken, dass das nachslgrossere Formal 
jeweils doppelt so gross ist, dass also das A6-Format 
die doppelte Grbsse des A7-Formates darstelli Das be- 
deutet auch. dass jedes DIN-Formot. das gefaltet wird, 
wieder cm DIN-Format ergibt. Dio Vorteilc dieser Nor- 
mierung sind ungloich grosser als dio Nachtoilo, Ein 
Unternenmen. das ein einheitliches Erschcinungsbild 
haben mochte. wird auch einheitliche Papierformate be- 
vorzugen 

Genormte Papierformate werden vom Empfanger eher 
autbewahrt. weil sie in Ordner und Karteien eingeordnet 
werden konnen. Dieser Punkt darf von keinem Designer 
unbeachtet blciben. 


Sizes of paper 


Papierformate 


DIN sizes AO — A 10 


DiN-Formaie A 0 bis A 10 



841 x 
094 X 
420 X 
297 X 
210 X 
148 X 
105 X 
74 X 
52 X 
37 X 
20 X 


1189 mm 
(Ml mm 
594 mm 
420 mm 
297 mm 

210 mm 

148 mm 
105 mm 
74 mm 
52 mm 
37 mm 


The shea: is iho basic form of 
each Size Folding Iho sheet once 
produces the folio or half-sheet 
e. 2 leaves or 4 pages The 
sheet folded four times produces 
the quarto. L e. 4 leaves or 8 
printed pages. 

Printed works m standard sizes 
are derived horn the series A. 0. 
C. 0 rho basic sheet sizes are 
represented by the series 
A = 841 X 1189 mm 
0 = 1000 X 1 414 mm 
C - 917 X 1297 mm 
Senes A is the series of sizes 
lorming ihe oasis »or the other 
ser es Senes 8 are untrimmed 
sizes Series C are envelope 
papers lor scries A. Series C and 


0 are called addrtionai sc- os 
The A s zes hi mio C-size envel- 
opes. 

The C size envelopes lil into 0 
containers. 

Sizes lor special purposes are 
also available in oblong size 
The American size is somewhat 
Ie33 deep than the European The 
dimensions are e g instead of 
A 4 (29 7 X 21 cm) 11 : 8 5 inches 
= 27.9i 21 57 cm. 


Dor Bogen ist die Grurdlorm 
leden Formates. Wird der Bogen 
e nmal gelatzl. orhiilt man dio 
Malbbogengrossc Oder Folio 
Das sind zwei Papierbtatter odor 
4 Bruchseiten Der Bogen zwet- 
ma: getalzf gibi die Viertelbogen- 
grosse. auch Quart genannt. Das 
Sind 4 Papicrb'atter Oder 
B Oruckseiten. 

Die genormien Drucksachen 
werden von den Re«hon A. B C. D 
abgewandelt. Die Grundbogen- 
grossen sind die Reihcn 
A = 841 x 1189 mm 
B = 1030 X 1414 mm 
C = 917 X 1297 mm 
Die Reihe A ist als Formalreiho 
die Grurdlage fur die anderen 


Rcihen. Dio Reihe B sind unbe- 
SChniltene Formate. Die Reihe C 
Sind Hiillenforrnate und Um- 
SChlflge fiir die Reihe A Dio 
Reihe C und D sind sogonannlo 
Zusatzreihen. 

Die A-Formate passon in C-For- 
mat-Hullen. 

Oio C-Formal-Hullen passon in 
die B-Behaltcr. 

Formate lur besondere Z weeks 
werden auch im Qucrformat 
verwendot. 

Das 3rrenkanische Format ist 
gcger.uber dom europaischen 
etwas weniger hoch. 2 B. unstelle 
von A 4 (29.7X21 cm) - 11 8.5 
inches = 27.94 21.57 cm. 







The typographic measuring system 


Das typografische Mass-System 


The typographic measuring system is constructed on 
tho point named after the Parisian typefounder Firmin 
Didot (1712-1768). He improved the point system 
invontod by Fournier in 1675 The Didot system was 
adopted all over Europe and has maintained its position 
to the present day. It is a system correlated with the 
French foot of 30 cm The line gauge corresponds to the 
French foot. It is 30 cm long and measures 798 typo- 
graphic points. The actual type height (height-to-paper) 
of 62% points was not uniformly fixed until 1898. 

In traditional typography using type of cast lead 
measurements are mado in points not in cm With the 
advent of photo-typesetting, typographic measures can 
be stated in mm and inches as woli as points Since 
the sixties efforts have been made to introduce me 
metric rather than the cicero system for measurements 
in typography. 

Today the Didot system is used in Europe, and the 
English-American system is used mainly in England and 
America. In both systems the point is the smallest 
measure. 

In conventional typography the size of tho typo is 
measured in points. The illustration on page 18 shows 
sizes from 6 to 60 points Certain type families also have 
letters of 70 points. Tho depth of the type (top to bottom) 
is called the “point size" or "body" and tho width of tho 
letters Is called the •'set" or "width". 

The point sizes (in the English-American system) still 
retain the old names: 

6-point = nonpareil 

8-point = brevier 
10-point = long primer 
14-point = english 
20-point = paragon 
24-point = two-line pica 
(double pica) 

Whereas height-to-paper always remains the same at 
62% points, the width varies There are condensed, 
medium and expanded type and extra-condensed and 
extra-expanded. Medium type is the easiest type to read. 


7-point = minion 
9-point - bourgeois 
12-point = pica 
16-point = great primer 
(Am. Columbian) 
28-ooint = double english 


Das typografische Mass-System baui sich auf der 
Punkteinheit auf. das nach dem Pariscr Schriftgiesser 
Firmin Didot. 1712 1768. genannt wird. Er verbessorte 
das 1675 von Fournier ©rlundcnc Punktsystem. Das 
Didotsche System verbreitete sich uber ganz Europa 
und behiel! seine Geltung bis heute. Dieses System ist 
auf den franzosischen Fuss von 30 cm Lange abge- 
stimmt Der Typometer entspricht dem franzosischen 
Fuss Er ist 30 cm tang und misst 798 typografische 
Punktc. Eine cinheitliche Hohe fur die Type von 62% 
Punkte wurde erst 1898 eingoluhrt. 

In der tradilionellen Typografio mit dom Blolsatz wird in 
typografischen Punktcn. nicht in cm gerechnet. Mit 
dem Erschoinen der fototechmsch reproduzierten 
Schriften konnen die typografischen Masse sowohl in 
mm und inch als auch in Punklen angegebon werden. 
Seil den sechziger Jahren sind Bestrcbungcn im Gonge, 
das Metermass anstello dcs Ciceromasses in der 
Typografio einzufiihren. 

Das Didotsche System ist heute in Europa. das 
englisch-amerikanische Punktsystem vor allom in 
England und Amerika allgemein angewandt Boide 
Systeme haben als kieinsto Masseinhoit den Punkl. 

In dor konvcntionellen Typografie wird die Grosse dei 
Schnftgrade in Punklen gemessen Die Darstellung 
auf Seite 18 zeigt die Grossen von 6 Punkt bis 60 Punkl. 
Einzelne Schrilllamilien besitzen zudem die 70 Punkt. 
Die Grossen der Schriltgrade werden -Kegel-, die 
Brciten der Buchstaben -Dickie- genannt 
Die Schriltgrade besitzen weiterhin die alten Namen: 


6 Punkl = Nonpareille 
8 Punkt — Petit 
10 Punkt — Garmond 
14 Punkt = Mittel 
20 Punkt — Text 


7 Punkt — Kolonel 
9 Punkt — Borgis 
12 Punkt — Cicero 
16 Punkt — Terlia 
24 Punkt 2 Cicero 


28 Punkt — Doppelmittel 

Wahrend die Hohe der Buchstaben mit 62% Pi. immer 
gieichbleibt. differiert die Breite. Es gibt schmale, 
normale und breite. extrem schmale und extrem broite 
Buchstaben Die normale Schrift ist die am leichtesten 
lesbare Schrift 


The typographic measuring system 


Das typografische Mass-System 


ThO names of typographic 
measuring units 

cm 



12 


Typograf sche 
Massbezcichnungen 



Typo s xes f'om 6- to 60-pi Schrfigrade von 6 Pt. bis 60 Pt. 

Univers Univors 


? .. ■ 

gomt 

pomt 

point 

IQ 

12 

14 

point 

point 

point 

18 

point 

24 

point 

30 

point 

36 

point 

48 

point 

60 

poin 


The Illustration shows tho typo- 
graphic measuring unit, the 
cicero. compared with the metric 
measuring unit, the cm. 
t c cero represents 12 points 
1 cm represents 10 mm 
26 ciceros 8 points corresponds 
to 12 cm. The standard measure 
called the lino gauge, which is 
30 ern long and contains 798 typo- 
graphic points, corresponds to 
the French foot 

1 m -2660 points 221V* Ciceros 
1 French foot = 30 cm - 1 lino 
gauge - 798 points = 66Y* cic 
1 mm — 2.66 points 
1 point - 0.376 mm = 

1.07 English-Ame' can points - 
0 0148 inches, t cicero - 4.5' mm 


Each type design comprises 
some 12 to 20 different sues 
These are called bodies or point 
sizes and represent certain 
numbers of points. The lines 
above and below iho figures and 
the words "poinF* correspond, 
like the bodies, to the thickness 
from top lo bottom of the metal 
characters. Letters larger than 
72 pt. in size are cut in wood or 
can be projected to the required 
dooth by photo typesetting Type 
sizes depend on I he uses to 
which they arc put Sizes of 8 lo 
12 points are usually right for 
the texts of OOOkS. brochures 
and catalogues 


Die Darstellung zeigt den Ver- 
gleich zwischen der typog-afi- 
schen Vasseinheit. Cicero, und 
der Weter-Masseinheit. cm. 

1 C cero hat 12 Punkte. 1 cm hat 
10 mm 

26 Cicero 8 Punkt cntsprechen 
12 cm. Dcm tranz6sischen Fuss 
enispricht das Emhcilsmass. der 
Typometer von 30 cm Idnge mit 
798 typografischen Punkten 
1 m - 2660 Punkte = 22V h Ccero 
1 franzosischer Fuss - 30 cm = 

1 Typometer = 798 Punkte - 
G6V» Cicero 
1 mm = 2 66 Punkte 
1 Punkt = 0.376 mm = 1 07 eng- 
lisch-amenkanischc Punkte = 
0.0143 rch. 1 Cicoro - 4.51 mm 


Von odor Schriftart bestehen 
fitwa 12-20 vorschiodene Schrilt- 
gr6ssen Sio wo'don Schriftgrado 
genannt Dio Grade ontsprochon 
Punkteinhelton. D o Lm.on ubor 
und unter den Zahlon und don 
Wortcn -point- entsprechen wie 
die Schriftgrade den Kegelstar- 
ken der Veta Ibuchstaben. Buch- 
staben. die grosser als 72 Punkt 
betiagcn. konnen mittels Foto- 
satz aul die gewunschte Hohe 
projiziert werden. 

Die Verwendung der vcrschic- 
denen Schriftgrade h3ngt von 
ihrem Verwendungszweckc ab. 
Fur Prospekt-, Katalog- und 
Buchtexte genCgen meist die 
Set-’ ’‘.grade von 8 12 Punkten, 


Typeface alphabets Schriftalphabete 


Tho present-day designer has a nost of printing types 
at his disposal. Since Gutenberg first invented movable 
type In 1436 55. hundreds of different types have been 
designed and cast in lead. The most recent technical 
developments with computer and photo-typesetting 
havo once again brought new faces or variations of old 
ones on the market. 

The choice is up to die designer It is lett to his feeling 
for form to use good or poor typefaces for his design 
work. In view of the limited space available, we shall 
refer here to only a few of the outstanding designs of the 
past and die 20th century which have appeared most 
frequently in publications. 

Knowledge of the quality of a typelaco is of the greatest 
importance for the functional, aesthetic and psycho- 
logical effect of printed matter. Again, the typographic 
design. 1 e. the correct spaces between loiters and 
words and the length and spacing of lines conducive to 
easy reading, does much to enhance the impression 
created. Today the field is dominated mainly by 
computer and photo-typesetting A typical characteristic 
of those forms of composition is the too narrow setting 
of the letters which makes reading difficult. The 
designer will be well advised to demand the normal 
spacing between letters when ordering photo- 
typesetting. 

By studying the classic designs of Garamond. Caslon. 
Bodoni. Walbaum and others, the designer can learn 
what the timeless criteria are which produce a refined 
and artistic typeface that makes for ease of reading 
The lead type designs of Berthold, Helvetica. Folio. 
Umvors. etc. produce pleasant and easily legible type 
areas The typographic rules that apply to the roman 
typefaces are also valid for the sans serifs 
The creators of these type designs were extremely 
intelligent artists with nigh creative powers. This 
is shown by the fact that for more than four centuries 
innumerable type designers have sought to create new’ 
type alphabets but very few of these have gained 
acceptance. An alphabet of Garamond. for example, 
is an artistic achievement of the first order. Each letter 


Dem heutigen Designer stehen eme Unzahl von 
Druckschriften zur Verfugung. Seit der Erfindung der 
beweglichen Lettern durch Gutenberg. 1436 55. sind 
Hunderte von Schriften gezeichnel und in Blei gegossen 
worden. Die technische Entwicklung der jungsten Zeit 
brachte mit dem Licht- und dem Computcrsatz nochmals 
ncue odor variiortc Schriften aut den Markt. 

Der Designer hat die Wahl Seinem Formverstandnis ist 
es uberlassen. guto Oder schlechte Schriften fur seme 
gestalterischen Aufgaben zu gebrauchen. Wir weisen 
hler in Anbetracht des beschrankten Raumes nur auf 
wemge hervorragende Schriften der Vcrgangenheit 
und des 20. Jahrhundcrts hin. die am haufigston in 
Publikotionen erschomen. 

Die Kenntnis um die Qualitat einer Schriftform ist von 
grbsster Bcdeutung fur die funktionello. asthctlschc 
und psycholog ischo Wirkung der Drucksacho. Auch dio 
typografischo Gestaltung, also die richtigen Buch- 
staben- und Worlzwischenraume. die fur die Lesbarkeit 
gunstigen Zeilenabstande und Zeilenlangen, beein- 
flussen den posibven Eindruck Der Foto- und der 
Computersatz beherrschen heute schon weilgehend 
das Feld. Ein fur sie typisches Charakteristikum sind die 
moist zu eng gesetzten Buchstaben, dio die Lesbarkeit 
erschweren Der Designer tut gut daran, bei der Beslel- 
lung von Fotosatz gleichzeitig die normaleSpationiorung 
fBuchstabonabstand) zu vcrlangcn. 

Am Studium dor klassischen Schriften von Garamond. 
Caslon. Bodoni. Walbaum u a m kann der Designer die 
zeillos gultigen Norrnen fur das leicht lesbare. 

<ultivierte und kunstlerische Schriltbild erfahren. Auch 
die Bleischnften Berthold. Helvetica. Folio. Univers 
zeigen korrekte und angenohm lesbare Satzbildcr. 
Dieselben typografischen Gesetze, die fur die Antiqua- 
schriften gelten sind auch fur die Groteskschriften 
gultig. 

Die Schopfer der oben erwahnten Schriften waren 
ausserordentlich kreativ begabte und intell igentc 
Kiinstie' Das beweist schon dieTatsache. dass sich seit 
mehr ais vier Jahrhunderten unzahlige Schriltgestalter 
um neue Schriftalphabete bemuhten. von denen sich 


Typeface alphabets 


Schriftaiphabete 


has its own unmistakable face, whether lower or upper 
case, and displays the highest quality of form and 
originality. Each letter has its own personality and 
makes a marked impact 

Every designer who is concerned with typography 
should take the trouble when creating graphic designs 
to sketch words and sentences by hand. Many designers 
take advantage of the Letraset process, which can 
undoubtedly produce a clean draft design that is almost 
ready lor press. But a feeling for good letter forms and 
an attractive typeface can be acquired only by constant 
and careful practico in sketching letters 
How the forms of letters can create simultaneously 
both tension and nobility and how pleasantly legible 
lines of type can appear to the eye of the reader may be 
seen from the oxamples on the following pages. 

Tho Renaissance created midlme typography which 
held its position until the 20th century. 

The new typography differs from the old in that it is the 
first to try to develop the outward appearance from 
the function of the text. 

The now typography uses the background as an element 
of design which is on a par with the other elements 
Earlier typography (midline typography) played an 
active role against a dead, passive background. 


aber nur wenige halten konnten. Ein Alphabet von 
Garamond z. B. 1st eine Kunstleistung von hochstem 
Rang Jeder Buchstabc besitzt seine eigene unver- 
wcchsclbaro Form, der Ktembuchstabe ebenso wie dor 
Grossbuchstabe. sie sind von grosster Formqualitat 
und Originalitat. Jeder Buchstabc hat Porsonlichkeits- 
charakter von starker Eindringlichkeit. 

Jeder Gestaltcr. der sich mit Typografie bcschaftigt. 
solltc sich die Muhe nehmen. beim Entwurt von 
grafischen Losungen Wort© und Satzo von Hand zu 
skizzieren. Viele Designer machen vom Letraselverfah- 
ren Gebrauch das gowiss den Eindruck ernes sauberon, 
belnaho druckfertigen Enlwurls bowirkon kann. Aber 
das Gefiihl fur die gute Buchstnbcnform und das schbne 
Schriflbild kann nur durch stetes, sorgfalliges Schrlft- 
Skizzieren erworben werdon. 

Wic spannungsvoll und edel zugleich Buchstabon in 
ihrcr Form sein konnen und wie ongonohm lesbar 
Schriftzeilen wirken kdnncn. zeigen die Beispiele auf 
den folgenden Seiten 

Die Renaissance hat die Mittelachsen-Typograhe 
geschaffcn die bis in das 20. Jahrhundert beibohalten 
wurdc. 

Die neue Typografie unterscheidct sich von der fruheren 
dadurch. dass sio als ersto versuchl, die Erscheintings- 
form aus der Funktion des Textes zu entwickoln. 

Sic benutzt den Hintergrund als glcichwertiges Gestal- 20 
tungselement Die fruhere Typografie (Mitlelachsen- 
Typografie) stand aktiv auf einem passiven. toten Hintor- 
grund. 


Typeface alphabets 


Schriftalphabete 


Garamond Garamond 

GARAMOND 


abcdefghijklmnopqrsBtuv 



ABCDEFGHIJKLMNO 

PQRSTUVWXY2 

1234567890 


Garamond 48-pt. medium 
Garamond ontiqua was d09iflned 
and cut m Pans in 1535 by me 
punch-cuttor Claude Garamond 
(1480 I56t 1 It is a pure old-style 
(ace Garamond was the first to 
design roman and Italic faces 
as components of a type cut. 

The Garamond faces were late- 
improved by Robert Granjon and 
Christoph van Dyck. By virtue of 
the Clarity and harmony ot their 
lorms they have surv ved urt 1 
the present Today they are also 
available for film-setting. 

^he Garamond face is obtainable 
in sizes 6- to 48-pt.. medium, 
semi-bold, and italic. 


The normal or medium faces ate 
supp emonled by light, sem.- 
bold bold and italic faces 
The light face is often used in 
small sizes for marginalia and 
Captions to pictures. 

The semi-botd. bold and italic 
faces are used mostly as display 
faces 

There are also larger type bod^ 
which are generally used for 
titles. 


Garamond. *8 Pi normal 
Dio Garamond-Antiqua wurdo 
1535 m Pans von dem Stempel- 
schne der Claude Garamond 
1480 1561. entworfen und 
geschnitten Sie si e re reine 
Ved'aval-Schrift. Ga-amcnO 
behardelte als erster Antiqua und 
Kursiv ols Bestandte le eines 
Schriltschrvttcs Die Garanond- 
Schnttformen wurden spater von 
Robert Granjon und Christoph 
van Dyck verbessert. 

Dank ihrer klaren und harmoni- 
schen Formen konnte s:e sich 
bis in die Gegenwart halten 
Hcutc ist s o auch im Fotosatz 
aut dom Markte 


Dio Garamond-Schrill 1st in 
Gradon von 6 48 Pt. normal, 
haibtoit und kursiv erhaitllch 

Als Ergan7ungsschnltte zu den 
norma en Schriften gibt es die 
magere. halbfette. fette und die 
kursive Schrift. 

Die magere Schrift wird in 
kioincn Gradon gornc fur 
Marglnoiicn und tut BHdiogenden 
verwendet 

Die halbfetten. fetten und 
kursiven Schriften warden meist 
als Auszeichnungsschriften 
gobraucht. 

GtOSSCrc SchrillgradO Sind im 
aiigcmcmon fur Tilclschrifton 
vorgesehon 


Typeface alphabets 


Schriftalphabete 


Caslon Caslon 

CASLON 


abcdefghijklmnopqrsfit 

uvwxyz 


ABCDEFGHIJKLM 
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Caslon. -tS-pt. medium 
Caslon roman was designed and 
cut by William Caslon I 
(169? 1706) and named alter hi-r 
Caslon began his activities as a 
ounch-cutlor inOxIord in 1/20 
C-J3 Ion's alphabet goes back to 

0 200-year-old typeface. Detweer 

1 <20 and I /26 Caslon cut the 
eminently attractive sires 

‘ english” "p co" and "Orevicr". 
Hi3 work laid the toundation in 
England tor the devetooment of 
English typecasting 
Today Caslon is availablo in 
Sires 6- to ia-pt.. medium, soni- 
bo>d arc taiic. 


Caslon. 48 Pi normal 
Von William Caslon I. 169? 1766. 
•Si die nach inm bcnannteCaslon- 
ArtiQua entv/orten und gesebnit- 
ten mmJen Caston bogann seme 
Tatigkcil a Is Stempctschneider 
1720 in Oxford. Caslons Alphabet 
geht auf cine 2D0jahngo Schritt- 
form ruruck. Zwiscben 1720 und 
1726 schniti Caslon die beson- 
ce»s I'crvorragend schonen Gros 
sen -Englisch-. -Pica- und -Bre- 
vier-. Mil seiner Arbeil legle er in 
Eng ano don Grurdstem fur die 
Entwicklung dos ergbschcn 
Schriltgusses Dio Caslon isl heu- 
te in den Gradcn 6 43 P: normal 
halbfet: und ku»s>v crbaltlich 


Typeface alphabets 


Schrittalphabeie 


Baskerville Baskerville 

BASKERVILLE 


abcdefghij klmnopqrsBtuvw 
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Baskerville, 43 -pi medium 
John Baskerville UTO 1775) 
improved Dutch models and 
created ihe Baskerville’' lac© 
which has a very agreeable 
breadth and generosity Jenson, 
who Is himsoll a lypo designer, 
notes that Baskerville is the 
lypofoce wilh ihe most precise 
geometrical proportions and the 
greatest elegance. Like some 
other newer faces it goes back to 
a style of handwriting. Baskor- 
ville is therefore amongst those 
which prefigure the typefaces 
of today. 

Baskerville' $ rtiuence was 
particularly strong in England 
In the second half of the 18 th 


century English typography was 
shaoed by printers and type- 
casters working in Baskerville s 
tradition Today Baskervlle is 
obtainable in sires 6- to 36-pt.. 
roman and italic. 


Oaskcrvlllc. 40 Pt. normal 
John Baskerville. 1700-1775, 
verbesserte hotiSnd schc Vor- 
bilcer und kreierte die -Basker- 
v lle— Schrdt. die dutch aus- 
drucksvol o Typonlormen be- 
sticht. Jenson, solbsl Schrift- 
kunstler. bemerkf. dass die 
Baskerville die Schrift mit den 
exa<testen gcomclnschon Pro- 
ponionen und mil dor grosslon 
Eiegan 2 sei. Sie geht auf elno 
Handschrift ruriick. Wie ein Tell 
arderer neuer Schriften eben- 
talls. Unter dieser g !: auch die 
Baskerville a s Vorbote der no- 
dernen Type. 

Der Emfluss Baskerv lies war in 
England besonders slark. In der 


rweiten Halite des 18 Jahrhun- 
dorls wurde die englische Typo- 
graphie durch die Drucker und 
Schnftgiussor aus dor Tradition 
Baskorvillos gepriigt 
Die Baskerville <sl houlo in den 
Graden 6 36 Pt normal und kur- 
siv vorhanden 


Typeface alphabets 


Schrifialphabete 


Bodoni Bodoni 

BODONI 
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Bodoni. 48-pt medium 
"Bodoni” is regarded as a tran- 
sitional form between Fournier's 
and Goskcrvillc's designs and 
was cut m Parma in 1790 0y Gian- 
battista Bodoni (1740-15‘3) In his 
"Manuale fipogratico' he pub- 
lished 291 alphabets and printer s 
"flowers" affording a wealth of 
materials in great variety Bodoni 
was a noted pioneer of modern 
type His dosign is characterized 
by exceptionally thin hair lines 
contrasting with heavy main 
strokes. 

Bodoni's influence on his era was 
exceptional. Today we nave his 
type in sizes G- to 48-p: medium, 
semi-bald. bole and italic 


Bodoni. 48 Pt. normal 
Ats Oborgangsform von don 
Schnlton Fourniers und Baskor- 
viiles w.rd die von Gianbaitista 
Bodoni 1740 18*3. m Parma 1793 
geschn rtene Schrill -Bodoni- 
gewertet. Sie ist a e auf der gan- 
zen Wall ber uhmtesle und am 
me sten verbreifete aller klassi- 
zistisction Schriften Er veroffenl- 
iichte m semcm -Manuale Tipo- 
grafico- 291 Aiphabete und 
Ornamenle. die einen grossen 
ReCh.tum und viele Variationen 
von Materialien prasentierlen. 
Bodoni war si grosser Pionior 
de' modernen Typo Seine Schrifl 
?e chret sxh durch ungc.vOhn- 
ch Gunne Haarstriche. Cie tm 


Kontrasl zu den felten Grunfl- 
stnehen stohen. uus. 

Der Emfluss Bodonis war auf 
seme Ze t ausserordenllich. 
HoutB linden wlr gle in den Gra- 
don G 48 Pt. normal, holbfett. felt 
urd kursiv. 


Typeface alphabets 


Schriftaiphabete 


Clarendon Clarendon 

CLARENDON 


abcdefghijklmnopqrs 

Btuvwxyz 

ABCDEFGHIJKLM 

NOPQRSTUVWXYZ 

1234567890 


Claroncon. 48-pt medium 
Clarendon is based on the Egyp- 
tian lace which first appeared 
in 1815 in the Figgiri3 Type- 
foundry. The growth of modern 
business called for powerful 
advertising faces, amongst which 
Egyptian was the most important 
To produce more impact the hair 
lines of the letters were drawn 
bold. 

A variant of Egyptian appeared in 
1929 in (ho form of "Memphis", 
which was produced bythcStcm- 
pol Typofoundry. For the Haas 
Typcfoundry Hermann Eidenbenz 
improved the original face, which 
Caslon brought out r. 1843 
Clarendon is notable for its 


Strong horizontal connecting 
Imes which contrast very little 
with the main strokes. 
Clarendon can be obtained in 
sizes 8- to 64-ct medium and 
semi-bold. 


Clarendon. 40 Pt. normal 
Ok; Clarendon basicrt au* dc» 
Egyptienne-Type. die crstmais 
1815 m der Figgins Schriftgies- 
serei auttaucht. Das Aufkommen 
der modernen W rtschaft erfor- 
derte kraftige Werbeschritten. 
unter denen die Egypt enne die 
wichtigste war. Um grossero 
Wirkung zu crziolcn. wurden d'C 
Haarstnche der Buchstabon fen 
gezeichnet. 

Die Egyptienne erlebte 1929 
durch die -Memphis-. die die 
Stempel-Schriftgiesserei heraus- 
brachte. eine Variante. Fur die 
Haas sche Schriftgicsseroi ver- 
oesserte Hermann Eiccnbcnz die 
originate Type, die Caslon 1043 


herausbrachie Die Clarendon 
zeichnel sich durch starke hori- 
zontale Verbindungshnien aus. 
d o zu don Grundslrichon wunig 
Konlrast habon. 

Dio Clarendon is! in don Gradon 
8 04 pi normal und halbloll vor- 
handon 


Typeface alphabets 


Schriftalphabete 


Berthold Bertnotd 

BERTHOLD 


abcdefghijklmnopqr 

stuvwxyz 

ABCDEFGHIJKLMN 

OPQRSTUVWXYZ 

1234567890 


Berthotd. 48-pt medium Berthold was drawn lor lilm- 

The Berthold sans serif was sotting in 1967 by the QQK 

designed in 1893 by Ihe designer Agency in Basle with light. 
Hofmann m Berlin It is based medium, semi-bold and bold 

on the sans-sorif faces of the italic, condensed and expanded 

early 19tn contury. A characters- faces 
tic feature of Berthold is Ihe 
almost equal thickness of me 
vortical and horizonta strokes 
Tho name "sans serif” is due to 
the omission of serifs the 
finishing strokes at the top arc 
bottom of a letter. BertholG 
typeface went through a revival 
allor World War II. first in Switzer- 
land and then in Ihe rest ot 
Europe Because of its cool form 
it was used particularly in 
industrial advertising 


Berthold. 48 Pi normal sle besonders in der Industrie- 

Die Berthold-Grotesk wurde 1898 werbung Anwcndung 
vcm Schriftkunst'er Hofmann n D e Berthold wurde 1967 von der 
Bt" n enlworfen. Sie basiert acf GGK Agentur. Basel, fur den Foto- 
Grotcskschriften des fruhen 19. S3tz in der magern, noimalon. 
Jehrhundcrts Charakteristisch halbfellen und fetten. kursivcn. 

fur die Berthold smd die boinahe schmalen und breiten Typo 
gleicher D>cken der vertikaion gozoichnot. 

und horizantalen Striche Der 
Name *Grotesk« komml daher. 
dass bei Erschenen C e Schrift 
ais ausgofailcn. als -grotesk-. 
empfunden wurde. wcH ihr alio 
Aoschl-jssstnche fehlcn 
Die Berthold-Schr.f: e- ebte each 
dem Zweiten Weltkrieg eine Re- 
naissance. vorerst in Per Schweiz, 
dann m ubrigen Europa. 

Wegen Ih-cr kiihlen Form land 


Typeface alphabets 


Schriftalphabete 


Times T,mes 

TIMES 


abcdefghijklmnopqrsB 

tuvwxyz 

ABCDEFGHIJKLM 

NOPQRSTUVWXYZ 

1234567890 


Times. <58-pt medium 
Times New Roman was designed 
T 1923 lor the newspaper "The 
Times" With newspaper printing 
particularly in mind II is highly 
suitable lor onsurmg good legi 
bility. even on poor paper, lor 
•he letters are provided with 
short, powerful and sharp-cul 
serils. Both capitals and sma! 
letters come out very clearly. 

This lace was ccs goed by 
Stanley Morrison who. like Eric 
GiU Roger and llpd ke has <Jone 
meritorious service by the 
la trtful reproduction of classic 
lettering. 


Times. «8 Pi normal 
Die Times Now Roman wurde 
1923 tor die Zeiturg -The Times 
cntworlen uod war speziell liir 
den Zedungsdruck gedacht. Sie 
erfutn die Anforderungen der 
gulen Lesbarkeit der Schrilt 
auch auf schrechles Papier ge- 
druckt. sehr gut. Co die Ouch- 
staben kurze. kraltge und scharl 
gcschnittene Abschlussstriche 
(Setifen) besitzt. D.e Versal- wic 
die Kleinbuchstaben zeichnen 
sen* deuthch Stanley Morrison 
der diese Schrift gezoichnct hat. 
hat sich mit Eric Gill. Roger und 
Updike dutch oiiginaigeireue 
Nachschnllte kiassischer Schrif- 
ten verdient gemscht. 


Typeface alphabets 


Schriftalphabete 


Helvetica Helvetica 

HELVETICA 

abcdefghijklmnopqrs 

Btuvwxyz 

ABCDEFGHIJKLMN 

OPQRSTUVWXYZ 

1234567890 



Helvetica, 4.5 pi medium 
The Helvetica lace, brought out 
by the Haas Typeloundiy. Basle, 
rapidly met with a wide response 
M Miedinger des gned this type 
in 1957 The lorm ot the letters 
is based on Bcrlhold and on the 
early sans-serif faces Charac- 
teristic features of Helvetica are 
the horizontally cut ends of the 
letters c. e. g. s in contrast to 
Derthold. where they aro cut 
radially. The forms arc somewhat 
more open and round The ”G 
is simplified. The vertical strokes 
are somewhat shorter than in the 
case ot Berthold and this im- 
proves the legibility. 


Helvetica s cast in 13 sizes from 
6- to 4« pt. it is now also on the 
market for film-selling 


Helvetica. 48 Pt normal 
Do Hetvetica-Sch' ft. von der 
Haas'schen Schriftgiesserei. 
Basel, herausgebracht. fand in 
kurzer Zed ein giosses Echo. 

M Miedinger konzipierte 1957 
diese Type Oic Buchstabenlorm 
lehnt sich an die Berlhold und 
an die Iruheren Grotesk-Schriften 
an Charakterishsche Eigen- 
SChatten der Helvetica sind die 
horizontal gcschnitter.cn Endun- 
gen der Buchstaben c. o. g. s. 
in Gegensatz zur Serihotd, wo 
sie radial geschmtten sind Dio 
Formen sind etwas olfener und 
rundor. D33 -G- ist vereinfacht 
Oie Vert kalstriche sind etwas 
kurzer els bci der Berthold. was 


C>e Loscrlichkeit verbessort. 

D e Helvetica wire in 13 Gradon 
gegossen von G-48 Pt. Jetzt 1st 
sie ouch im Folosatz auf dem 
Markte 


Typeface alphabets 


Schriltalphabete 


Univers Univers 

UNIVERS 


abcdefghijklmnopqrs 

fttuvwxyz 

ABCDEFGHIJKLMNO 

PQRSTUVWXYZ 

1234567890 


Unlvors. medium are made slighter and the ascend- 

Unlvero designed by Adrian ers and descenders shortened. 

Frotiger 1957 1963 lor the Pans 
typefounders Deberny & Peignot. 
has since oecome the most 
widely used sans-serif face. This 
is due to certain advantages 
which are o! imporlanco fO' print- 
ers and designers For one 
thing the face is available in 
light, medium, semi-botd and 
told, in ronan and also in 
Malic sizes, and tor another it is 
obtainable lor film-setting in 
ail sizes In a arge number ot 
countries. In order to ensure as 
good a reproduction as possible 
the connections between the 
stem and the bow of the otter 


Univers 48 P: normal Buchstabons vordunnt und Olo 

Die Umvers. von Adrian Frutigor Ober- und Unterlangen vorkurzt. 

1957 1963 fur die Parisor Schnft- 

g lessor ci Dcbcrny & Peignot 

cntworicn. ist soither d e weitest 

vcfbrcitete Groteskschrift. Das 

vercarkt sm einigen Vorte len. 

a e fur d e Druckere en und 

Gestaiter von Bede utung sind. 

Einmal isl die Schrift in mager. 
normal, haltfett und fett. als auch 
in con kursiven Gradon vorhan- 
dcr one zum z we Men ist sie 
auch im Fotosau mit alien Gra- 
Cen in vielen Landern zur Ver- 
fug_ng. Um eine mog ichst gute 
Dr jckwiedergabe zu erhalten, 

S'nd die Verbindungsstellen zwi- 
sch.cn Stamm und ^undung dos 


Width of column Spaltenbreite 


The question of column width is riot merely one of 
dosign or of format: the question of legibility is of equal 
importance. Tfie reader should be able to read the 
message of a text easily and comfortably This depends 
to a not inconsiderable extent on the size of the type 
the length of the lines, and the leading 
Printed matter in normal format is generally read with 
the eye at a distance of 30 35 cm. The size of the type 
should be calculated with this distance in mind. Both 
too small and too large a type costs the reader an effort 
He tiros more rapidly. 

According to a well-known empirical rule there should 
be 7 words per line lor a text of any length If we want 
to have 7-10 words per line, the length of the line can 
be readily calculated. So as to keep the typo area 
light and open in appearance wo have to determine 
the leading. I. e. the vortical distance from line to line, 
so that it suits the size of type Photo-typesettmg has 
brought on additional problem: namely, that of the 
spacing between letters. In lead typo the distance 
botween the letters was determined by the body size 
and equalized. In photo-typesetting the distance 
between letters has to be adjusted anew every time in 
the photo-setting machine. Hence the irregularity of 
the typeface and the. unfortunately usually too closely 
set letters. 

The designer is well advised when ordering photo- 
typesetting to insist on normal spacing between the 
letters. 

Every difficulty standing in the reader's way means loss 
of quality In communication and memorability. 

Just as overlong lines tiro, so do overshort ones. The eye 
finds the long line strenuous to read because too much 
energy must be spent keeping the horizontal line in 
sight over a long distance. In the case of the too short 
line, the eye is compelled to change lines too often and 
this again wastes energy. 

The right width of column is essential for an even and 
pleasant rhythm of reading which enables the reader to 
relax and concentrate wholly on the content 


Die Frage nach der Spaltenbreite ist nicht nur oinc 
Frage der Gestaltung Oder des Formats, ebenso be- 
ceutsam ist die Frage der Loscrlichkcit Erne texiliche 
Mitteilung soli vom Loser leicht und angenehm gelesen 
werden konnen Dies hangt mcht zuletzt von dor Grosse 
der Schrift. von der Lange der Zeilen und vom Zeilen- 
durchschuss ab. 

Die Drucksachcn in Normalformat werden vom Auge 
gewohnlich in cinem Abstand von 30 bis 35 cm golcsen. 
Auf diese Distanz sollen die Schriftgrdsson borochnet 
sein. Zu kleme wie zu grosse Schrift wird mit Anstreri- 
gung gelesen. Der Loser ormudot schneller. 

Em bekannter Erfahrungswert besagt. dass fur einen 
langcren Text im Durchschmlt pro Zeile 7 Worto stohen 
sollen. Wenn wir auf emer Zeile 7 bis 10 Worte habon 
mochten. lasst sich die Lange der Zeile leicht oi rochncn. 
Damit das Schriftbild leicht und olfen erscheint. habon 
wir den Zciiendurchschuss, also den vertikalcn Abstand 
von Zeile zu Zeile. der SchriftgrOsse angopasst. ent- 
sprechend zu bestimmen. 

Em weiteres Problem hat dor Fotosatz mit sich gebracht. 
das des Buchstabenabstandes. Beim Bleisalz war der 
Buchstabenabstand durch die Kegelslarke bestimmi 
und ausgeghchen Beim Fotosatz muss der Buchstaben- 
abstand m der Fotosetzmaschinc jcdesmal neu einge- 
stellt werden. Daher die unregelmiissigen und leider 
meist zu eng gesetzten Buchstabenbilder. Dor Gestaltor 
tut gut daran, bei der Bestellung des Fotosatzos auf 
normalen Buchstabenabstand zu drangen 
Jede Erschwerung beim Lcsen bedeutet Verlust an 
Kommunikationsqualitat und Erinnerungsfahigkeit an 
das Gelesenc Wic zu lange Zeilen. so ermuden auch zu 
kurze Zeilen Das Auge empfindet lange Zeilen anslren- 
gend, weil zuviel Energie darauf verwendet werden 
muss, die horizontal Linie auf lange Distanz im Auge 
zu befialten: bei der zu kurzen Zeile wird das Auge zu 
schnell genotigt. die Zeile zu wechseln. 

Die richtige Spaltenbreite schalft die Voraussetzung fur 
einen gleichmassigen und angenchmen Leserhythmus. 
der entspanntes. ganz auf den Inhalt konzentriertes 
Lesen ermoglicht. 


Width of column 


Spallenbreite 


Column widths wllh 7-pt. sans Spatter breiter mit 7 Pt. Grotesk, 

serif, 1-pt. leading 1 P«. Durchschuss 


31 


Mefirzahl der Fi'.Uo Obcrlcgen 01 
roin hildliche Darslellung eine limfc 
jokt ochon dutch die B ld.virl.jnp ; 
dafj das Photo dor Zeichnung imme 
lol/lcru in ihiorAnlago wmtgohond 
xum Schmuck dor Wlndo best /nmt, 
dagcgen In d«ser oder jener Form 
tiort. Ls gibt dofQr eino o rfoche L| 
ditto aow'aaa pptltchq S chockwifkun 


Wor sich dor Flille von Druckcr/ot 
olrongo Tronnung vorauchon und dej 
ago vor nllom /wo Gruppon d-jr 
und zum zwolton zu dor Gruppi 
Umfang nnch von auegespror 
achliollt fiir un* Arboiton, die 
ob dicao Er/cugnisao ihro Entaj 
nlio Arboiton, d o unter Voiwoi 
l4tt>Qr[gl vQchandon slnd, .qebotif* 


deihalb, weil soVho Ar 
■grcicho Toxtbo gabe tibertlusai 
schaulich crtAutcrt. D cse Schwarz 
dann im Wcrbegut uniorlcgcnjist, 
Boroichon dor modcrncn Ku 
ird von dor >/ehr/ahl der Bet' 


opt sc h don Boirachtur an/>ohon, ja chubersiehl, 
m chi, weil sio das lu propagieWir 
WeiQ-Arbeiten aber erweisenal 
wonn das erstere konvonlionoa r 
I r ncigt. Dio modem© Graphik, al.ore 
t<jr m d cacr Zwccibest.mniung iphis 


wird •uk/ont in di 
torscheidcn dnbel nnch Art und 
dom Anloil dor roinon Typogru 
Typographischo goring, jn sci 
ruppo der reinen Typographic 
cn Mittcln orstoltt sind, glolcl 
t/ors voidunkon, strong gonom 


Is formalur Effokt in dor Wor bong selir haufig von donaelben Leader S 

Jar jng: Dio modorno Graphik loo* bei dor Mehrzahl dor Betiadolom^nlon. aawoit sie nls typography] 
IS un d hat dexhalb den Vorzng, das Augo fott/uhalton und gufid t •ohrfarbigor Diuck nollun daboi 


nlsscn allor Ari bei e>er Sichtung gogenGbo'srohT, wirdlvolwon 
Material in Gruppcn untcrtoilcn. Wir unteucheiden dabei nach Art 
taltung und kommon doboi einmal /u dom Antoil dor reinon Typ 
Dnjckor/u j«n ssor, boi donen da* rein Typographischo gorino, ji 
undJror Oodcatung ist. Dio ursluro Gruppo dor ror.en Typogro; 
er GosamlkonzopLon ajs lypographtcheo MJtoln orstoltt sind. d 
dor Skixzo cinos Grachikcrs Oder Setzers vordankon, strong oc 
von Schmuck, Form- und FISchencloncnton, soweit sie at* typogr 
rden kOnnon. Nogat.vbtzungen und mehrlnrbigcr Druck sollon 


Gebr. 


ateht die zwe to G'uppo. deren Hal 
chsgrnphikors und troion KJniHeri 
Emsatz Ircicr graphischcr Mil'.ol. U 
r dio Funktion der unbcdingt notw 
on dioaor Zoiton nicht bcrUhrl woi 
r iei Lnufo dor Icl/ton Jahro crhob 
Ikundigo Einbruch dor froion Graphik in cino Domino, dio frdhor aui| 
nicht wogzulougnondo Tatsacho ist., Dio ntumiacho AufwarUontwick 
elgh gebracht, daB d o Au»e,nartcorsetzung un Abiatzm.vfcte und | 


inbozogon soin. Don 
ucholnllch dio Hand dot 
(ungekroft uus dom uborlogon 
jar goring 1st, jn, wo dor Snt/ 
dor Drucklodwkcn soil im Rn 
dor Anloil dor roinon Typogrn 


VITo dlb EmbozTohung immor nel 
ochaft bloibon will", Dio aufgcw 
lange lichtig angotogt, wio oio i 
untor den hier aufgezeigten Bo 
•at. mufl achon ungowdhnlich phr 
Folio schor boi Vorwondung cin. 
lorauchungon in don USA, dio zi 
orfolqrolchor aind nla nchwarz-wi 
objoklcn noch vorhorrsctiond lot 


To choose a width ol column 
which makes tho text pleasant to 
read 15 one of the most Important 
typographic problems. The width 
ot the column must be propor- 
tioned lo the size of the type. 
Overlong columns are wearying 
to the cyo and also have an 
adverse psycho oglcal effect 
Overshort columns can also oe 
disturbing because they interrupt 
tho tow of reading and put the 
reader oft by obliging toe eye to 
chango linos too rapidly. Lines 
which aro loo short or too long 
reduce the memorability ol what 
is read because too much onorgy 
has lo be expended. There Is 
a rule which, states that a column 


is easy to reed 11 it is wife 
enough to accommodate on 
average ot 10 words per line. It 
the text Is of any length, this rule 
is o' O'actical help A small 
amount of toxt can be set in long 
Or very short lines wthout 
cisturbmg tho ’oader. 

As we have already mentioned, 
the width of the columns depends 
on the s. ; ze of the typeface and 
the amount of text. A 20-pt face 
calls lor a relatively wirde column 
An B-pt. lace rcouires a relatively 
narrow one If. for example, a 
20 -pt face is used for a fit;e ever 
an 8-pt. lace for the mass of the 
composition, and if the same 
w dth of column -3 lo be used 


D o Spallenbreite ru waMen, d o 
dns Lcscn der Texte muhe'os 
ermogllcht. ist eines der wich- 
t gen typogruhschen Problems. 
Dio Spnltcnbroito hat der Grfesse 
dos Schrdtgracos argemessen 
zu sem. Z u targe Spalton er- 
miiden das Auge und wlrkon s ch 
aucli psychotogisch neqatitf aus 
Ebonso storend konnen zu kurzo 
Spalton sein. sie untcrbrechen 
Cer Leseliuss und reduzierer die 
Leselust. done das Auge hat zu 
schnel' cio Zeiie zu wechsoln. 

Zu lange wie zu kurre Zellon 
vermindem. weil ?u viol Energie 
aulge-.vendet werden muss, daa 
Er nne'-jngsvermogen an dss 
Golosone Eine Begel sogl. dass 


o no loso-gunshgo Breito dor 
Spa lie dann orrolcht 1 st. v.onn 
m Durchschnitl 10 World aul 
e rer Ze>le untorgobracht slnd. 
Bei langeren Texten 1st das eino 
brauchbare Norm Wenn nur wo- 
n gText auf lange Oder auch sehr 
Kurzo Ze len gesetzt sind, wird 
C8 n-cht els stBrond empfunden 
Die Spallcnbrcilon sind, wio 
berelts erwnhnt, von der Grdsoe 
der Schritttype und von der Text- 
manga abhanglg D,e 20-Punkt- 
Schrilt verlangt eine relativ 
grosso Breito der Spalte. Eino 
8-Punkt-Schrift ome relativ 
schmalo Spalte. Wird z. B, olno 
20-Punkt-Schrltt als Titel uber 
eine 8-Punkt-Schrltt. dio fur don 


Width of column 


Spaltenbreite 


Column widths With 10-pt. sans Spaitenbreiten mil 10 PI Grotosk, 

serif, 2-pt. leading 2 Pi Dorchschuss 


Wer sich der Fiille vori Druckerzeugnissen alfer Art bei elner Sichtundciijcr Bcdcutung ist. Die ers 

twendig eine strengeTrennung versuchen und das I un^ Arbeiten, die in ih 


Cibersieht, wird notwendi 
Gruppen unterteilen. Wir 
zwoi Gruppen dor Gestalt 


unterscheiden dabe 


Typographie und zum zwditen zu derGruppe von Druckerzeugnissen, rwe 


i nach 
ei eiprr 
on Dru 


Art und Anlagetellt 


ng und kommen dabei einmal zu dem Anteil dphikers oder Setzers verdan 


rer G 

d, gleichviel ob diose 


’ ' 

las reinTvuoqra nhisc^e gering. ja seincm Umfang nach von ausgesprphiscli 


dung von Schmuck. For 


i 


nd mohrfarbiger Druck sollon dabei mit einbezogerT sein. Demgegenuber 
ie zweite Gruppo. der^n Hauptakzcnt in der formalcn Gestaltung augens 
ich die Hand des Gebrauchsgraphikers und freien Kiinstlers verriit. Diesc 
on boziehon ihre Wirkungskraft aus dem iiberlegenon Einsatz froior graph 
Vlittol, unter denon dor typographischo Anteil dankbar gering ist, ja, wo de 

> twi< 


nir die Funkt ion der unbodingt notwendigen To 2 Sad edergabo darstellt. Die 


lor Drucktochniken sol im" Rahmen dieser Zeilen 


•.unachst festzustellon, 
ten Jahro orhcblich an 


dafl der Anteil dor reiner 
oden vcrloren hat, ja. dal 
eien Graphik in eine Domane, die friiher ausset 
ar, cino nicht vvcgzuleugnende Tatsache ist. D 
ung von Industrie und Wittschaft hat es mit sich 

i/Ver sich derFiille von 
iborsioht. wire! notwcn< 

3ruppen unterteilen. V 
wei Gruppen der Gest 
Typographie und zum z 
las roinTypograph isch 


cs Material vorhanden 


for both fsces. the width needed 
is the one that is best for the 
8-Dt- face. 

Sufficient leading between the 
lino3 Ift of the first Importance for 
easy rending If the lines ore too 
closely set tno eye is forced lo 
"take in" the neighbouring lines 
while reading Anything that 
might impair the rhythm ot read* 
tng should bo scrupulously 
avoided 

Needless to say. what we have 
said here cannot aooly to titles 
and subtitles. In advertising it is 
the function of titles and sub- 
titles to stand out They should 
forco the reader's eye to absorb 
their message. Titles which are 


set In a large lace are often 
distributed over several lines 
because of the width ol column 
available The opposite problem 
also arises if captions with a 
small laco are lo bo sot in wide 
columns. 

Theso exceptions are accepted 
from the stanopo nt ol both 
legibility and aesthetic appear- 
ance. 


Text verv.-ende? »v,rd. gosetzt 
und soil fir beiCe Schriften 
dieselte Spalfe-ibrede gev.ahlt 
warden, suchl man die lur die 

0- Punkf-Schiiti gunstigste Brsite. 
Fur das Iclchte und angenehmo 
Lesen von T eaten ist der gemi- 
gend grosse Zeilen-Durchschuss 
3etir weser.tlich Boi zu eng go- 
schlosseren TexUeilen si das 

A jge rum opt isch on Vitloson 
doi bonachbarten Zeilen ge- 
rw.uyjen A tes. was oen Lese- 
ihythmus beeintrachligen kann, 
scHte sorgfsHig vermieden 
w» cen 

Naturlkh kann das Gssaale nicht 
fur Titet und Urtarth.el aultig sein 

1- der Werbung haben die Tito! 


und Untctlitcl d o Funktion. auf- 
rufalien. Slo sollun das Auge des 
Losers zv/ingen. Hire Botschalt 
zu lesen. Gross gcsctzto Tilol 
we'den nicht nolten nuf mchrere 
Zoiion umbrochen. well die zur 
Vorlugung slohende Spnlten- 
brollo dazu notigt. Auch der 
umgokohrto Foil trill oin. wenn In 
gross© SpallonbrcllGii Legonden 
mil kleinem Schrlffgrad gosetzt 
.verden mussen. 

Diose Ausnahmefalle wordon 
vom Gosichtspunkt der Loser- 
t'Chko t und vom Asthetischen 
her betrnchtol akzoptiert. 



Zeilendurchschuss 


Leading 


Leading calls for just as close attention as the width of 
the linos For. like linos which are too long or too short, 
leading can also affect the type area and hence the 
readability of the text. Lines that are too narrowly set 
impair reading speed because the upper and lower line 
are both taken in by the eye at the same time. The eye 
cannot focus on excessively close lines so accurately 
that one line alone is read without the immediate 
surrounding area also entering the visual field. The eye 
is distracted, and the reader expends energy in the 
wrong place and tires more easily. 

The same also holds true in respect of lines that are too 
widely spaced. The reader has trouble in linking up 
with the next line, his uncertainty grows, and fatigue sets 
In earlier. Good leading can carry the eye optically from 
one line to the next, giving it confidence and stability, 
and enabling it to absorb and remember more easily 
what has been read Where reading is smooth and easy, 
the meaning content of the words is grasped more 
clearly, they acquire more character and expression 
and etch themselves more sharply on the mind. 

Proper leading is one of the most important factors in 
obtaining a harmonious and functional type area 
which is aesthetically pleasing and will stand the test of 
time. 

Another point calling for attention concerns the type 
area containing 3 . 4 or more different type sizes. To 
ensure a regular and attractive typographic design the 
loads for the various typo sizes must be adjusted to 
one another. 

The size of the leads determines the number of lines 
that can be accommodated on a printed page. The 
larger the leads, the smaller the number of lines that 
can be placed on a page. 


Wie der Zeilenlange. soli auch dem Zeilendurchschuss 
grosse Aufrnerksamkeit gewidmet werden. Denn wie 
zu lange Oder zu kurze Zeilen beeinflusst auch der 
Zeilendurchschuss das Satzbild und damit auch die 
Leserlichkeit des Textes Zu eng gesetzte Zeilen 
beeintrachtigen das Lesetempo, woil die obere und die 
untere Zeile optisch mitgelesen werden. Das Auge 
vormag sich nicht auf die emzelne Linie so prazis einzu- 
stellon. dass nur diese cine Linie gelesen wird, ohne das 
nahero Umfeld mitzulesen Das Auge wird abgelenkt. 
der Leser ermudot schneller. 

Dasselbe gilt fur Zeilen mil zu grossem Abstand. Der 
Leser hat Muhe. den Anschluss an die nfichste Zeile zu 
finden. die Unsicherheit wachst. und die Ermudung 
kommt schneller. 

Ein guter Zeilendurchschuss vermag das Auge von Zeilo 
zu Zeile optisch zu fuhren. verleiht ihm Halt und Slcher- 
heit. der Leserhythmus kann sich schnell stabilisieron. 
das Goiesene wird leichter aufgenommen und auch 
•m Gedachtms behalten. Beim muhelosen Lesen werdon 
die Worte in ihrom Sinngehalt scharfer erfasst. sie be- 
kommen mehr Ausdruck und Profil, pragen sich starker 
ein. 

Um ein harmonisches. funktionelles und zeituber- 
dauerndes asthetisches Schrittbild zu crreichen. ist der 
nchtige Zeilendurchschuss von mitentschoidender 
Bedeutung 

Ein weiterer Punkt. der Bcachtung verdient. gilt dem 
Satzbild mit drei. vier Oder mehr verschieden grossen 
Schriftgraden Um eine regelmassige und schone 
typografischeGcstaltung zu erhalten. miissen dieZeilen- 
durchschusse fur die verschiedenen Schriftgrdssen 
einander angeglichen werden. 

Die Grosse des Zeilendurchschusses bestimmt die 
Anzahl Zeilen. die auf erne Druckseitc gebracht werden 
konnen. Je grosser der Zeilendurchschuss. desto 
weniger Zeilen konnen auf der Seite plaziert worden. 


Leading 


Zeilendurchschuss 


Lines with 7-pt. sans serif. 

I-. 3- and 4-pT. lead rg 

Werfen wir einen Blick aul das. was auf dem Gobie: dcs Schfiltschi 
Jahre geleistet worden isl. so konnen wir d.e Beobachtung machen. 
stots die gleiche geblieben war. insofern als alie Schrihformen sicf 
ganz im Gegensalz zu den viel freieren und kuhneren Schopfung 
auch ttalienischer SchnftgieRereien. Das mag vieileicht seine Ursac 
Nuchternheit und somem Sinn fur das Bodenstandige. os ist wennr 
zuzuschroibon. der aber. zumai auf dom grapruschen Genet als du 
muO. Nohmon wir zum Boispml Zoilungon vcrschiodoncr Linder zui 
und namentllch ihron Anzo gontoil. so warden w»r unter hncn die 
lindon; donn diosa untcrscheiden sich meistens von dan austand 
lypographiscbe Aufmachung sowie auch durch die fur die Uebersc 
Dan schweizerischen Schriften haftef also etwas traditionsgebundf 
wollen, die Schweizer Schrlftschbpfer hitlen sich Ihre Aulgabe letch 
bewahrten klassischen Vorlagen nachgebtidei. Im Gegenioii. der gt 
Im ullgemoinen dio Schdnheiten und Vorzugo kiassischer Schr.ftfor 
mchl sklavisch nachahmon Er hat houto auch crkannt. daB S'Ch gogo 
die rcmen hlstonslerenden Antique- und Frakturschnften mcht mchi 
und or halt darum Ausschau nach neuoren Formen Es ist mchl s«H 
Gcsclimacksverirrungcn Ende des vongvn Jahrhunderts und dor f< 


Zeilen mrt 7 Pt. Grotesk. 

1. 2. 3 und 4 Pt. Durchschuss 

Experiment cm sohr befnedigendes Ergebnis. und damit erblickle 
neue Schrift. die Commerc al-Grotosk das Llcht dor Wolt und wurde i 
spater erne Erganzung in der Gestalt einer dazu passenden letten 
Anklang lindet wie ihre halblette Vorgflngerin. denn der Bedarf an 
klomor als an magoren odor halbfotien. Angoregl durch englischo 
haufig ganz schmal laulenden Antiquaschrillen, Slimblack gonannl. t 
ihre ehemalige Allonge© anglaise, die nlcht mohr als salonfahig ang 
unter dem Namen. Schmale halbfette Ideai-Antlqua. neu zu giolien. 
des 19. Jahrhunderfs zuruck und darl heule millhren stilremen For 
schrift angosprochon worden. Im doui6chon Bundosgoblet orschoint s 
ungewohntcr wirkcn dogogcn die sohr Icbondigon und frolon Formoi 
Rekiameschrift Riccardo, des Zurcher Grafikers Richard Gerblg, de 
Worbofachlout© sohr hat inspinoren lasson. Sie trat 1942 an dio Oolf 
Experiment om sehr befriedioendos Ergobms. und damit orblickto 
neue Schrift. die Commercial-Grotesk das Licht dor Wolt und wurde i 


in den fruheron Schr.ftprobon der GioBoroi mil der ehor unpersdnh 
tigunerte. Auch fur diese Type wurden neue widerstandslahigc Mi 
unter dem vielvcrsprechenden Namen Caslon aul den Markt gebri 
onglischon Schriftschneidor und -QioBor William Caslon. von dem c 
mil welchem der Basler SchriltgioBer Wilhelm Haas oflenbar gescha 
Caslon erfuhr zehn Jahre sputor nochmals eine durchgreilende Neui 
abor in dor Kursiv. In ihror neuon Aufmachung findot diose achdne 
namenllich auch in nOrdlichen Lindern, wo typische englische Schril 
zeichnenden. aber raumsparenden Schrift fur Inserate. legte es dt 
Stompelschnoidor E. Thielo. Basel, oino strong und sachlich goforml 
zu lassen. Im Jahre 1934 fand die Schrift unter dem Namen Superb 
der Schweiz, und zwar derart rasch. daB schon drei Jahre spater ei 
konnte. BeideSuperba-SchriftenwoisenangenohmeVerhaitnisseai 
Formen sohr gut aus. Emlgo Jahre spfltor wurde der interessanto V 
Wogstochon dor Sonfen in ome schmallaulende Grotosk umzuwand 
in don fruheron Schriltprobon dor GioBoroi mil der oher unpersdnli 
figurlerte. Auch fur diese Type wurden neue widersfandsfahige M- 


Als wir don ankomcn. war es dunkol geworden; wir traton oin in om 
dos Fcst cmporgcwochson. Sochstauscnd Pilgut musston sich hior i 
Erne fegolrechtc Stadt war ontstandon. mil cigonor Bulouchtun 
kleinosVcrgnugungsviortcl Komol© stampfton uburall im Damn 
einem zorfallonon Torbogon auf. wo /woi wurriigo, bartigo Dorwisc 
gofaltot waren. angestrahlt von dom Licht oincr giosson. mil Inschr 
Wonnen dcs Jahrmarkts. Ich hatte nicht ubcl Lust, umherzustroilon 
kam mit mir uberem.dass wir uns in anderthalb Stunden bei unserm 
Stadt mit ihren schlammigen Strassen und langen. von lichtspruh 
Sussigkeiten. ailesausgobroitot in diosom unirdischon Licht Somtll 
Pilgern ihre Waion anzubioton. In don dunklon Winkuln spiolton dio 
boim Schcin wmziger blakender Kerzen das Esson beroitolon Die 
cine reizende Emgeborcne abgerissene Viertelnoten und durchc 
Ihr Rreis stand an dor T ur. Er war mcht ubcrmassig hoch. dachte ich 


Leading is an important factor in 
deciding whether a particular 
width of column will be p easant 
to read Tie great masters of 
typography such as Caslon. 
Baskurvillo. Oidot. Ehmcke. 
Tschichold etc. paid particular 
attention to leading. 

Just n3 the distances between 
otters and words can be too 
great, so too much or too little 
loading can adversely affect the 
optical picture 01 the typography, 
discourage the reader and. con- 
sciously or unconsciously, set up 
psycho logical barrie-s. Too open 
a pattern disrupts the cohesion 
of the tex:. the I res appear iso- 
lated and tigure as independent 


e emenfs. The print loses its 
compactness and looks dead and 
ack ng .r design The read rg 
speed s slowed down unless 
new motivating factors arc 
ooe-ative The fed mg that the 
type matter creates a static ang 
inactive impression is upper- 
most. 

A similar negative effect can also 
be produced by composition in 
which me lines are set too close 
together T ne type appears too 
dark, the lines fo-‘eit their optical 
clarity and restlulness. The eye 
is overtaxed arc s incapable 
of reading the individual lines 
without al Ihe same time 
doubling - ', i. c. reading the pre- 


Der Zeilendurchschuss hat einen 
wesentlichen Einfl uss auf die 
Leserlichkeit eines Toxtes. Die 
grossen Meister der Schriltkunst. 
wio Caslon. Baskcrvillc. Didol. 
Ehmcke. Tschichold u a., haben 
dem Zeilendurchschuss grosste 
Beachtung geschenkt. 

Wie die Buchsfaten- und Wort- 
APstande zu eng Oder zu wait 
sein konnen. wird auch zu 
grosser Oder zu kleiner Zeilen- 
durchschuss das optischc Oild 
Cor Typografie negaiiv beein- 
fiussen. die normal© lesehereit- 
schaft m rcern und bewusst Oder 
unbewusst psycholog ische Bar- 
rieren aufbauen. Ein zu offenes 
Schriftb; d unterbrient den Zu- 


sammenhang der textlichen Mit- 
teiiurg. die Zeilen ©rscheinon zu 
isoiiert und treten als selbstan- 
digo Elemente aul. Das Schrift- 
bild vo' ert die Geschlossenheil. 
wirkt spannungslos und nicht 
gestaltet. Der Les9fluss wird 
veriangsamt. ohne dass neue 
motivierende Aspekte dazu kom- 
men. Das Gefuhl dass das 
Schriftbild einen statischen und 
unaktivon Eindruck erzeugt, 
uberwiogt. 

Dieseibo negative Wirkung kann 
von emem Schriftbild mil zu 
stark geschlossenen Zoilon 
ausgehen. Das Textfeld erschcint 
zu dunkel. die Zeilen verlieren 
optisch an Klarheit und Ruhe 


Leading 


Zeilendurchschuss 


Linos with 10-pt sans serif, sol. a, 

1-. 2- and 4- pi. Icaaing 

Werfen wir einen Ruckblick auf das. was auf derr 
Schweiz wahrend der verflossenert Jahre geleiste 
obachtung machen, daB mit wenigen Ausnahmen 
geblieben war, insofern als alle Schriftformen si 
unterordnen, ganz im Gegensatz zu den viel frc 
deutscher. hollandischer, franzosischer Oder italic 
vielleicht seine Ursache haben in der dem Schv 
und seinem Sinn fur das Bodenstandige; es ist u 
Konservativismus zuzuschreiben, der aber. zume 
durchaus gesunde Erscheinung bezeichnet werd 
Zeitungen verschiedener Lander zur Hand und b 
und namentlich ihren Anzeigenteil. so werden w 
Zeitungen sehr leicht herausfinden; denn diese ui 
Werfen wir einen Ruckblick auf das. was auf dem 
Schweiz wahrend der verflossenen Jahre geleiste 

ausiandischen Zeitungen einmal durch ihre diski 
und auch durch die fur die Ueberschriften und A 
Den schweizerischen Schriften haftet also etwas 
nun aber unrichtig, glauben zu wollen, die Schwei 
Aufgabe leicht gemacht und ihre Neuheiten ohne v 
Vorlagen nachgebildet. Im Gegenteil, der geschu 
schatzt im allgemeinen die Schonheiten und Vorz 
und mochte sie aus diesem Grunde nicht sklavis 
erkannt, daG sich gegenwartig im Zeitalter der T 
historisierenden Antiqua- und Frakturschriften niot 
lassen wie ehedem, und er halt darum Ausschau 
sehr verwunderlich, daG man nach den Jahren der 
auslandischen Zeitungen einmal durch ihre diskr 
und auch durch die fur die Ueberschriften und A 


Zci'cn mit 10 Pi. Grotesk, kom- 
press. 1. 2 und 4 Pt. Durchschuss 

vorigen Jahrhunderts und der folgenden Epoche 
seinen Absonderlichkeiten auch auf dem Gebiete 
wohlgeformte ruhig wirkende Antiqua herbeisehnt 
wieder in vernunftige Bahnen zu weisen. Man be 
ung der klassischen Bodonischriften, nachgeschr 
des Giambattista Bodoni. Der groBe spontane Erfc 
Schrift beschieden war, legte es der Firma nahe, c 
Jahren auf neun Garnituren zu erweitern, namlich 
halbfetten und fetten Antiquaschriften vier entspre 
sen acht Serien auBerdem noch einen schmalfetl 
Neuherausgabe. deren Idee sie ihrem langjahrige 
vorigen Jahrhunderts und der folgenden Epoche 
seinen Absonderlichkeiten auch auf dem Gebiete 

obachtung machen. daB mit wenigen Ausnahmen 
geblieben war, insofern als alle Schriftformen si 
unterordnen, ganz im Gegensatz zu den viel fre 
deutscher, hollandischer. franzosischer Oder italic 
vielleicht seine Ursache haben in der dem Sch 
Konservativismus zuzuschreiben, der aber, zuma 
durchaus gesunde Erscheinung bezeichnet werd 
Zeitungen verschiedener Lander zur Hand und b 
und namentlich ihren Anzeigenteil, so werden w 
Zeitungen sehr leicht herausfinden; denn diese ui 
Aufgabe leicht gemacht und ihre Neuheiten ohne v 


coding and succeeding lines The 
conconlralion required leads to 
fatigue. 

The problom of finding the 
leading which Is right In every 
respect and tho problom o' 
finding a column width which is 
appropriate to the size of type- 
face employed are examined 
hero because they a-e very 
closely connected with grid 
design. 

Like the right width of column 
and the right leading the length 
of tho text is also a factor deter- 
mining easy legibility. Long text 
Should not only have compara- 
tively wide leading but also be 
divided up by paragraphing A 


new paragraph can bo distin- 
guished optically by an empty 
lino preceding it. by indenting 
the first line, or by an initial totter 
or a small capital 


Das Aug© wird uberfordert es 
wird tmfahig. die cinzelne Zeile 
tu lesen ohno gloiehzoitig die 
vorangehende und do nachfol- 
gende mitzulesen Dor zu grosse 
Aufwand an Konzentrahon fOrdort 
die Ermudung 

D-.o Frage nach den richtigen 
Zeilendurchschuss. der in jeder 
Beziehung lunkboniert. und die 
Frage nach der dem verwendeten 
Schriftgrad argemessenen 
Spaltcrbreite wird hier deswegen 
geprult. wed sk» unmitteibar mit 
der Rastergestallung zusammen- 
hangen. 

Die Large des Textes nmmt. wie 
Cio richtige Spattenaie te und 
der richtige Zei encurchschuss. 


einen fur die leichte Leserlichkoil 
mitbostimmenden Stellenwert 
om Lange Texte sollten nicht 
nur omen rolativ grossen Durch- 
schuss hobon. sondorn durch Ab- 
schmttmarkierungcn untorteilt 
werden. Ein neuer Toxlabsclinitt 
kann durch eine vorangehende 
Lccrzeile. durch eine eingerilckto 
erstc Zo lo. durch eine Initiale 
Oder ein Kapltfilchen optisch ge- 
kennzeichnet sein. 


Leading 


Zeilendurchschuss 


Linos with 10-pt. sans serif, Zeilen mt 10 PI Grotosk, 8 und 

8- and 16-pt. leaCing 16 Pt. Durcnschuss 

Zeitungen sehr leicht herausfinden; denn diese ur 
und namentlich ihren Anzeigenteil, so werden w 
Zeitungen verschiedener Lander zur Hand und b 
durchaus gesunde Erscheinung bezeichnet werd 
Konservativismus zuzuscbreiben. der aber, zuma 
und seinem Sinn fur das Bodenstandige; es ist w 
vielleicht seine Ursache haben in der dem Schv 
deutscher, hollandischer, franzosischer Oder italic 


Werfen wir einen Ruckblick auf das, was auf dem 
Schweiz wahrend der verflossenen Jahre geleist 


geblieben war, insofern als alle Schriftformen si 


unterordnen, ganz im Gegensatz zu den viel fre 


obachtung machen, daf3 mit wenigen Ausnahmen 


vorigen Jahrhunderts und der folgenden Epoche 


Typo in which the lines are well 
leaded soothe the reader s eye 
while stimulating his mind. It all 
the points mentioned hero have 
received proper attention, the 
print will have a classic and 
timeless look. 

The greal typogronhe'S knew 
and complied with the laws of 
typography which have remained 
unchanged for centuries. 


L.nes with 20-pt. sans eerif. solid Zoilon mit 20 Pt Grotosk, kom- 
and 2-pt leacmg press und 2 Pt. Durchschuss 

Wer sich der Fulleund da 
n aller Art bei einerSichti 
eht, wird notwendig notw 
g versuchen und dasend 
unterteilen.Wireine stren 
Art und Anlage ersuchen 
erGestaltung und geTre 

zu dem Anteil derirunter 
rzeugnissen, bei Material 
phische gering, ja in Grup 
zum zweiten zu derteilen 
on ausgesprochen sekur 
ist Die ersterscheiden en 
graphie umschlieBt fur un 

Eire Typografie. in de* die Zeiten 
gut durchschossen smd. wirkt 
auf den Leser beruhigend frei 
und arregend. Eine Typograf:e. 
in dor alle hicr besprochenen 
Gesichtspunktc zur Gcltung 
kommer. *<>nnen. ethaH dodurch 
einen zeitlosen. kiassischen 
Ausd' jck. Die grossen Schriff- 
kunsller kamten und befolgten 
d:C Gosotio der Typografie. die 
seit Jahrhundericn dicsolbon 
gealieaen smd 


Leading 


Zeilendurchschuss 


Lines with 20-pt. sans serif, 

4-. 8-, 16- and 32-pt. leading 

Wer sich der Fulle von D 
n aller Art bei einer Art un 
eht,wird notwendigallem 
g versuchen und das Mat 
unterteilen.Wir untzweiru 
Art und Anlage vor bei na 

erGestaltung und komm 
zu dem Anteil der reinen 
d zum zweiten zu der Gilt 
rzeugnissen, bei lagevor 
phische gering, ja seinerr 


Zeilen mi! 20 Pi. Grclesk. 

4. 8 16 und 32 Pt. Durchschuss 

on ausgesprochen sekur 
g ist. Die erstere Greht,w 
graphieumschlieBt fur un 
ihrer Gesamtkonzeptioer 

Wer sich der Fulle Grupp 
aller Art bei einer Sichtun 
versuchen und das Mate 


What has been said in the lore- 
going upylios to normal typo 
matter us designed lor u hook, a 
catalogue or a brochure. In the 
case ol short texts in press no 
ticus. advertisements, etc the 
lending is usually decided on 
aesthetic grounds. In a book ol 
verse leading contributes to the 
psychological ellect and i3 ol 
particular importance The typo- 
graphic presentation of a poem 
must create tension in the rela- 
tionship betwoon length ol line, 
s'ze of character, leading and the 
size of the book page As a role 
wider leading is chosen than for 
a text in prose. In this way each 
line is accentuated and its value 


stressed. A sensitive interplay 
between good type design, type 
size, regular spacing between 
letters and words and open lead 
mg can make the formal pattern 
of a poem into an artistic event 


Was varausgenond gesagt wurdo. 
gill fur der normalen Satz. w.e er 
lur ein Ouch, einen Katalog Oder 
einen Prospekt konzipierl werden 
so’i Fur kurze Texte in Inseraten. 
Anzcigen besonderer Art usw. 
wud der DurchSChuSS primdr nach 
astbetiseben Gcsichtspunkten be- 
Slimmt. Von besonderer Bedeu- 
tung wird die Festtegung des 
Durchschusses lur die psycbolo- 
O'Schc Wlrkung e.nos Godichtban- 
dcs seir D o typograhscho Pr3- 
senialion ernes Gedichtos muss 
ein spannungsvoiies Verhaitms 
von Zeilen’ange Schriltgrosse. 
Ze erdurchscbuss end de r Gros- 
se der Quchseite darstellen. In 
der Regel w *d grdsserer Durch- 


schuss. als or lur don Prosatoxl 
verwendet wild, gow&htt Oam It 
v/ird jefle Zeiie besonders heraus- 
gehoben und ihr Wen betont Em 
sensibles Zusammenspie von gu- 
ter Schriltform. Schriltgrosse. re- 
gelmiissigen Duchstaben- und 
WoMabstimdcn und c nem oflcnon 
Durchschuss. vermag das lormu- 
ie Biia ernes Gedichtes zu emem 
kunstlenschen E'eignis werden 
lassen. 


Margin proportions Randproportionen 


The type area is invariably surrounded by a marginal 
zone. For one thing, there are technical reasons, as a 
rule discrepancies of between I and 3 mm and often as 
much as 5 mm occur when the pages are trimmed. 
Without a proper margin the text itself might bo 
mutilated. For another, there are aesthetic reasons. A 
well-proportioned margin can enhance the pleasure 
of reading enormously All the famous typographic 
works of previous centuries have marginal proportions 
which have been carefully calculated using the Golden 
Section or some other mathematical formula, 
it is a good idea not to make the margins too narrow so 
that inaccurate trimming does not spoil tho look of 
the page. If tho margin is narrow, oblique trimming of 
the page leaps to the eye at once The wider the margin, 
the less likely it is that technical inaccuracies, which 
always exist, will detract from the appearance of a 
woll-dosignod page. 

A sensitive designer will always do his best to create 
the maximum tension in the proportions he chooses for 
his margins. Careful study of the book design of 
well-known exponents such as Gutenberg. Caslon. 
Garamond Bodoni and the works of 20th century 
pioneers such as Jan Tschichold. Karol Tcige. Moholy- 
Nagy. Max Bill etc. will give valuable aid 
For picture books, preference is given to the marginless 
39 page if the plate is to have a monumental appearance. 
On 4 pages the plates are continued to the edge of the 
printed page, i. e. printed in maximum size. Usually 
such bled-off pages are combined with those provided 
with margins. Given good layout such a design can 
look more generous. 


DcrSatzspiegcl wird immorvon einer Randzono umfasst. 
Einmal aus technischcn Grunden: dor Beschnitt der Sei- 
ten variiert in der Regel zwischen 1 und 3 mm. oil bis zu 
5 mm Der Text ohne Randzone wurde dadurch ange- 
schnitten werden. Zum anderen aus asthetischen Grun- 
den. Ein gut proportionierter Rand vermag die Lesefrou- 
digkeit ausserordentlich zu erhohen. Allc boruhmton 
Buchwerke vergangener Jahrhunderto prasentieren 
sorgfaltig errechnete Randproportionen. mit dem Golde- 
nen Schnitt odor einom anderen mathomatischen Vor- 
haltnis Es cmpfichlt sich, die Breite der Randor nicht zu 
klein zu halten. so dass der unpraziso Beschnitt dor Soi- 
ten. der immer mehr Oder weniger vorhanden ist. keinen 
negativen optischen Eindruck zu hinterlassen vermag. 
Boi einer kleinen Randzone bemerkt man ©inen even- 
tucllcn schrngen Beschnitt der Seito soforl Jc grosser 
der Rond, desto weniger verm.ag sich cine technische 
Ungenauigkeit auf den Gosamtemdruck einer gut gestal- 
teten Seite auszuwirken. 

Dor sensible Gestalter wird danach trachten. mbglichst 
spannungsvoile Proportionen fur die Render zu errei- 
chen Das Studium dcr Buchgestaltung bekanntor 
Schriftkunstler wie Gutenberg. Caslon. Garamond, Bo- 
doni sowie auch der Werke der Pioniere des 20. Jahrhun- 
derts. z. B. Jan Tschichold. Karel Teige. Moholy Nagy. 
Max Bill u. a . wird wertvolle Hille sein konnon. 

Fur Bildbande wird die randlose Seito dann bevorzugt, 
wenn die Bildseite ein monumentales Aussehen be- 
kommen soil. Die Bilder werden auf 4 Seiten bis an den 
Papierrand der Druckseite gefuhrt, also auf die maximale 
Druckgrosso gebracht. Moist worden randabfallende 
Bildseiten mit solchen mit Random kombiniert Die Go- 
staltung kann. bei gutem Layout, grossziigiger aussehen 


Margin proportions 


Randproportionen 


Dull margin proportions 


Spannungstoso Proportion dor 
Rander 


Functionally inadequate marg ns 


Unfunktionell© Proportionon dor 
Randzonen 



Margins and thoir proportions. 

I. o their relationship to each 
other in sl/o. can have a marked 
influonce on the impression 
created By a page of print. If they 
are too small the reader feels 
the page is overfull, and he also 
unknowingly reacts adversely to 
the fact that his fingers obscure 
the text and pictures when he 
is holding the book or 
brochure 

If the margins are too large <t 
is difficult to avoid a sons© of 
exlravaganco and tho fooling 
that an exiguous text has been 
made to go a long way 
Conversely, a well-balanced and 
proportioned relationship be- 


tween tho margins on sides, head 
and tail can produco ar agree- 
able and restful impression. All 
great typographers have given 
the problem o' the margin their 
closest attention. 

A margin of suf'icient s ze is 
also a technica’ necessity 
During make-ready and cutting, 
the trimming o' a page may 
make as much as 5 mm 
difference m an unfavourable 
case. 

Example 1 shows a typo and 
picture area wh-ch is placed too 
high optically As a result the 
typo area scorns to be taking 
High! upwards 


Die Randzonen und ihre Grdssen- 
verhailnisso. resp. ihre proportio- 
nals Vcfl liltnissc untereinan- 
Cer. kOnnen den Emdruck emer 
DruCkseite wesentlcb beeinflus- 
sen Sind die Rander zu klein, 
empfmdet der Leser cie Seite zu 
uberfullt. er reagierl auch unbo- 
wussf regal. v daraut. woil dio 
Finger boim Hal toe dor DruCk- 
sachc dio Text- und B tdspatten 
beruhren miissen, 

Sind die Randzonen zu gross, enf- 
steht leicht das Gefuhl der Ver- 
scrv.endung urd der Eindruck 
des Gekurstelten. Ein wohlabgc- 
wogercs urd p-oporlioricrtcs 
Massverh&Itnis zwischen den 
Randzonen unten. oben. rechts 


und links vermag im umgekehr- 
ter Sinne aber auch eine beruhl- 
gende wohlluende Aus3frahlung 
zu bewirkon. A lo grossun SchriM- 
kunsllet hobon dom Problem dor 
Randgestaltung grOsstc Bcdou- 
tung beigemessen. Ein gonugend 
grosser Rand entsprlcht auch 
Oinor tochmschen Notwendigkeit 
Bcim Zurichten und Schneiden 
der Seiton oincr Drucksache kann 
der Reschnlll omor Soito im un- 
aunstigsten Fane bis zu 5 mm 
Differenz betragen 
Beisp : el 1 ze ot einen Satz- und 
Bildspiege". der optisch zu hoch 
pluziorl ist. Dadurch sche nt der 
Salzspiegel nach oben wegzu- 
fhehen. 



Margin proportions 


Randproportionen 


Badly proportioned margins Schlechte Proportion der Kinder Well-proportioned margins Gut proportionierto RAnaer 



; 


in example 2 the type and 
picture area is too low. it looks 
as if it is tailing out or the page 
tn this case the two side margins 
are of the same S<ze Ths lack 
Of cont'ast is unpleasant and 
looks wishy-washy. 

Example 3 shows a grid area 
which is well placed on the page 
in regard to depth. But the head 
and side margins are the same 
size. and again this is unsatis- 
factory Margins of the same size 
con never resuit in an interest- 
ing page design; they always 
create an impression of indeci- 
sion and dullness. 


Example 4 shows margins which, 
m proportion to tho paQO S>ze 
and the type and picture area, 
look workmanlike and agreeable. 
The page s clearly intended to 
Be the lo't hand page of a book 
since the right marg n is wide 
onough to fit into the back A 
typo area such as this mighi be 
suitable for a work ot literature 
but is less appropriate lor adver- 
t sing matter The margins are 
too luxurious H only because ol 
the expense they would involve 
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lm Beisp el 2 hingt der Satz- 
und B Idspiogol zu tief in der 
Seite Optiscli scheint er nach 
unten aus dor Seite zu fallen. 

Hier sind diO beiden Rander links 
und rochts zu grdssengleich. 

D use Kontrastlosigkeit ist un- 
angonehm und wirkt unent- 
schieden. 

Beisp el 3 prasentier! c n Raster- 
biid. das inbezug auf die HOhe 
gut in der Seite Oteht Doch sind 
die drei Rander l-rks. rechts und 
oben von cerselben Grosse. was 
w edcrum unbefriedigend ist 
GlCiChgrosse Randzonen kdnnen 
keine interessarte Soitcngestal- 
tung ergeben immer ertsteht 
Cabe< der Eindruck der Unert- 


schicdcnheit und dor Sponnungs- 
losigkeit 

Boispicl 4 Die Proportion dor 
vior Hander stehon in gutom Ver- 
haitnls zueinander. Dio Darstel- 
lung zeigl eine linko Solto elnes 
Buches Oder Katalogcs. Dor brei- 
te rechte Rand stoht im Bund. 
Hier muss dor Hand in der Regel 
grosser som, we sich, die Seiten 
gegon don Bund hin wolben und 
damit das begueme Leson or- 
schweren konnen 




Page numbers Pagina 


The pago number or folio must be positioned in a way 
that is functionally and aesthetically satisfying. In 
principle it can be above or below the type area or to 
its left or right. The position of the type area on the page 
and tho width of margin available determine its possible 
position. 

In very unusual cases the page number is placed in the 
outside margin of the page And only in the opposite 
margin when it is so wide that there is no risk of the 
page number disappearing into the back 
From the psychological point of view a page number 
placed on the central axis has n static effect whereas 
one placed In the outer margin is dynamic. 

There are two reasons for this. The displacement of tho 
page number to the outer edgo of tho page causes the 
eye to move outwards and. again, a page number in this 
position is felt as an optical weight on the outor edge 
of the page when pages are turned over, making the 
process soem quicker. This applies, of course, only 
If tho typographic design shows a fine sense of 
balance. 

If the page number is above or below the typo area, it 
should be placed one or more empty lines above or 
bolow it. dopending on tho size of the margin. 

If the page number is placed on the loft or right side of 
the type area, the distance should as a rule be equal 
to the space separating the columns of type 


Die Plazierung der Pagina soli in funktioneller und 
asthetischer Hinsicht befriedigend sein Im Prinzip kann 
sie oberhalb unterhalb rechts odor links des Satz- 
spiegels stchen. Dio Stellung des Satzspicgols inner- 
halb der Seite und die Breite des Randes, der zur 
Verlugung steht, bestimmen den moglichen Standort 

der Pagina. 

In don seltensten Fallon wird die Pagina an don ausseren 
Seitenrand gestellt Und nur dort an den Rand zum 
Bund hin. wo dor Rand so gross 1st, dass fur die Pagina 
keine Gefahr besteht. zu stark in den Bund hinein zu 
geraten. 

Aus psychologischcr Sicht botrachtet wirkt cino in die 
Buchmitte gestellte Pagina statisch. eino an don 
ausseren Bildrand gestellte dynamisch Dynamisch 
aus zwoi Grunden Durch die Verlagerung der Pagina 
.an den ausseren Soitonrand drangt sie optisch zur 
Seite hinaus. zum anderen wird sie boim Umblattern dor 
Seiten als optisches Gewicht auf dem ausseren Seiten- 
rand empfunden. das das Umblattern gefuhlsmassig 
beschleumgt Dies naturlich nur bei sehr fein ausgewo- 
goner Satzgestaltung. 

Steht die Pagina unterhalb Oder oberhalb des Satz- 
spieqels. soil ihr Abstand zum Satzspiegel nach unten, 
respektive nach oben. einer Oder mehr Leerzeilen 
entsprechon. jo nach Grosse des Randes. Wird die 
Pagina auf die linke odor rechte Seite des Satzspiegcls 42 
plaziert, soil der Abstand in der Regel gleich dem 
Zwischenraum der Satzspalten sein. 


Page numbers 


Pagina 


Possible ways of p acing the 
page number 
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Tho page number or folio is an 
important element in tho dosign 
of printed matter Doponding 
on its position. it can glvo tho 
pago a dynamic or a restful 
aspoct. Our examples show the 
main possibilities as applied in 
practice. 

Only the position shown in 
example t may be regarded as 
undesirable for the pago number, 
it is placed too deep and is 
isolated from the main body of 
the text. Optically it slips out of 
sight downwards 
Example 2 shows a very common 
practice: the number is placed 
to the left below the typo area. 

All the examples on this page 


M6ghChkelten der Plazierung der 
Pagina 




roprosent the left page of a 
printed work. Placement ol the 
number towards the outside edge 
of the page gives il. opt colly 
speaking, the function of a weight 
which imparts a more dynamic 
impetus to the rotary motion when 
the page Is turned over 
Example 3 shows a central 
position below the type area 
The effect is static and tOStful. 

As in examole 2 tho loading 

consists of an empty line 

Fig. 4 shows the page number on 

the right-hand side under the 

typo area, g vmg optical emphasis 

to tho central axes of double 

pages. 

F g S shows an uncommon posi- 


Ein wichtigcs Element in der 
Gcstaltung cner Orucksache tsl 
die Pagina S<e kann ie nach ihrer 
Piazieiung der Seite cmen 
beruhigenden Oder dynarmschen 
Ausdruck verleihen. Unsere Bei- 
spiele zegen die wesentlichen 
Moglichkeiton. d o in dot Praxis 
Verwendung finden 
Nor Boispio: 1 dart ais uncr- 
wunschto Plazierung der Pagma 
betrachtet werden. Sie ist zu 
tief gesteilt und isolierl sich vom 
Textbild. Optsch ale fet sie nach 
unten weg. 

Beispie! 2 ist in der Praxis sehr 
haufig anzutreffen: links urtcr- 
halb dos Satzsp cgcls piaZ'Crt. 
Alic Bctspicic dicser Seite sind 



8 


als linke Seifo oinor Drucksacho 
zu belrachtun. Dio Pagina ausson 
auf dor Seite hat optisch don 
Stollonwort oinos Gowichtos, das 
bGi dor Umdrohung dor Sodo dlo 
Drohbowcgung dynarmscher, 
schwungvoiier macht. 

Be'spiel 3 ist symmetnsch in die 
Vide unterhaib des Saizspiegels 
gesteilt. Die Wirkung ist statisch. 
ruhig. Der Durchschuss botriigt 
hier. wio bcim zweiten Bcispiel, 
erne Lecrzcile.. 

Abb. 4 prasent ert die auf dei 
rechten Seite unter dem Satz- 
sp eael stehende Pagina. die be; 
Doppelseilen deren Mittelachsen 
optisch belonen. 

Abb 5 hat eine wenig gebrauch- 





Page numbers 


Pagina 


Possible ways of placing the 
page number 


Mogt ichkeiten der Plazierung der 
Pagina 




lion for the Dage number which, 
placed like this, lengthens 
the base of tho text column 
optically. 

Fig 6: Another rather uncommon 
position In o 3lmiiar way to 
example 5 the line >n this case 
lino 1, is lengthened by the page 
number. The column ot text 
"hangs" optically on this extend- 
ed lino ot text plus page number 
Fig /: A page number printed 
in the upper margin tends opti- 
cally to slip off the page upwards. 
If should be placed closer :o the 
columns of text. 

Fig 8 The page number placed 
at the too ot tho page on the 
central axis attracts increased 


attention by reason Of its exposed 
position In cases where Ibc 
pago number has a very special 
function, as. lor example «n 
rctc'onco works, lexicons etc., 
this position is a practical 
solution to the problem 
If the pago number is placed at 
the side near the type area it 
must always do aligned with a 
line of the text. 

Examples 9-’6 show possible 
ways of placing the page numfcer 
on a page with 2 columns. 


liche Pagma-»osrt*on Die Pagina 
•erlange't hK-r optisch die Basis 
der Textspalte 

Abb. 6: Auch dieso LOsung ist 
relativ wenig arzutreffor Die 
Pagmo vertangert hior. im selben 
Sinne wic im Be spiel 5. dio 
Zeile, hicr die ersfe Zeile Dio 
Satxsoahe -hingt- optisch an 
dieser verlangcrton Text-Pagma- 
linie. 

Abb. 7 : Die an den oberen Seiten- 
rand gcruckte Pagma hal die 
optische Tcndenz aus der Scite 
rach oben hin wegzugleilen Sie 
so !te naher an dio Textspallen 
geruckt wercen. 

Abb. 8: D e auf Millelachse und 
am Kopf der Sede goslellte 


Pagma gewinnl durch die expo- 
niorie Planerung cine erhOhte 
Aulmerksamkeit In Fflllon. wo 
dio Pagma eine ausgepragto. 
bosondere Funklion hal. l. B bei 
Nachschlagworken. Lexiken u. a., 
ist Ciesc Plaziorur.g erne prok- 
tische Losung 

Wenn die Pagmas auf der Seilo 
neben cem Safzspiegel stehen, 
miisser sie immci mil einer Zeile 
des Tcxtes aliniert sein Dio 
Grbsse der Pagina soil im allgo- 
meinen der Grosso dor Salz- 
schrift entsprechon 
Die Beispiele 9 bis 16 illustrieren 
d o untersch eohehen Plazie- 
rungsmoglichkeilen bei Soiten 
mit 2 Satzsbalte.n 





Body and display faces 


Grundschriften und Auszeichnungs- 
schriften 






Body type is the taco used for the body of a work. i. e. 
the text proper. Display work refers to words or type 
matter which is made to stand out from the rest of the 
text by a specially striking arrangement or by the use of 
larger, bolder or italic faces, etc The choice of means 
for display work depends on the job Here we will 
describe certain principles which are applied in practice. 
In earlier centuries it was the custom to print accen- 
tuated words and headings in red. However, combi- 
nations of faces must be used lor this purpose when 
printing in black only 

If unity of typeface is desired headings must be dis- 
played in the same kind of face. Under no circumstances 
must characters of the same style ot face be mixed 
with others. For example, no Helvetica with a Univers 
or a Garamond with a Bodoni. 

Tho following two pages demonstrate a few possible 
ways of designing lilies taken from practice In typog- 
raphy which Is functional and conforms to consistent 
principles Ihe position of the title should bo mado 
dependent on the general design of the printed work in 
question. 

If a variety of type sizes are to be used, the differences 
between them must be clearly recognizable. The 9-point 
face is immediately distinguishable from tho 
6-point face and the difference of size is therefore 
45 unequivocal. 

Again, there arc marked differences between the 
medium and the semi-bold, and between the semi-bold 
and bold There are clear distinctions between the colour 
values of the 3 faces. The medium face produces a light 
grey area, the semi-bold a medium grey, and the bold a 
deep, full-coloured grey. 

Clear contrasts between the typefaces and sizes make 
for quick and easy reading. 


Unter Grundschrift versteht man die das Hauptvolumen 
bildende Schrift einer Drucksache. Unter Auszelch- 
nungsschrift versteht man Worter Oder Salzteile. die aus 
dem Textteil hervorgehoben sind durch eine spezielle, 
auffallcndc Anordnung, durch cinen grosscren, fettoren 
Oder kursiven Schriftgrad usw. Die Art und Woisc dcr 
Auszeichnung hangt von der jeweiligen Aufgabe ab. 

In fruheren Jahrhunderten wurden hervorgehobene Wor- 
ter und Ubcrschrifttn mil roter Farbe gedruckt. Im 
Schwarzdruck ist man abor auf den Gcbrauch von 
Schriftkombmationen angewiesen. 

Die Auszeichnungen von Uberschriften werden, wenn 
nach Einheit der Schrift gestrebt wird, in der gleichen 
Schriftart gcscizt. Auf keinen Fall sollen Schrifton dcs- 
selben Schriftstils gemischt werden. so zum Bcispicl 
omc Helvetica mit einer Univers Oder eine Garamond 
mit cinor Bodoni. 

Die foigenden zwei Seitcn domonstricrcn clnigc wenige 
Moglichkeiten der Titelgestallung aus der Praxis. Dio 
Position dcs Titols wird in einer snehliehen und konse- 
quenten Typografie abhangig gemacht von der Gesamt- 
konzeption der betreffenden Drucksache. 

Wenn verschieden g«osse Schriften verwendet werden 
sollen, mussen die Schriftgrado deullich erkennbare 
Grossenunterschiede aufweisen. Dio 9-Pt.-Schrift unter- 
scheidet sich z B von der 6-Pt. -Schrift unmittelbar. der 
Grossenunterschied ist eindeutig. 

Stark unterscheidet sich auch die normale Schrift vori 
der halbfottcn und cicse wiederum von der fatten 
Schrift Wir erkennen sofort die merklichen Grauwert- 
unterschiede der 3 Schriftarten. Die normale Schrift 
piasenbert ein hellgraues Flachenbild. die halbfette ein 
mittlcrcs und die fette Schrift ein saltes, schweres 
Graubild. 

Die eindeutigen Kontraste der Schriftduklen und der 
Schriftgrossen ermoglichen das leichtere und 
schncllcre Lesen 


Body and display faces 


Grundschriftcn und Ausze;chnungsschriften 


Possible ways ol placing tho Ml© 

Form- und Flachenelemen 


Wer sich der Fiille von Druckerzeugnissen allerArl boi • 
notwondig eine strange Trennung vcrsuchon und das I 
unterschoiden dabei nach Art und Anlago vor allcm zw< 
men dabei einmal zu dem Anteil derreinenTypographie 
Druckerzeugnissen, bei denen das reinTypographische 
ausgosprochon sekundarer Bodeutung ist. Die erstere • 
i 


Erzeugnisse ihre Entste 

schlioGt fur uns Arbeiten, die in ihrerGesamtkonzeption 
sind, gloichviel ob diese Erzeugnisse ihre Entstehung 
Setzers verdankon, streng genommen also Arbeiten, d 
Form- und Fiachenelomonten, soweit sie als typographi 
baut» warden konnen. Negativatzungen und mehrfart 
zogen sein. Domgegenuber steht die zwoite Gruppe, • 
z 

Example 1 The tille stands at Iho Example 3: The Title is placed .n 
lop ol a page of print but is sot 0 larger face at the top ol Iho 
apart Irom tho text The type size printed page It »s the same 
match©* that of the text The solution as <r example 1 only 

linos ot luxt soon here represent here lio accentuation moro 
the bopinmng ot a longer text. marked 
The title figures as such only 

because olils spocial placoment. Example 4 The tille >s set in a 

The while space between Iho SMi arger size The contrast 

text and the title distinguishes between the texl and the title is 

it from an ordinary line ot text even rwo emphasized 

and makes it conspicuous and 

significant This solution is 

elegant, restrained and yet self- 

assured. 

Example 2: The title is printed 
bold above Ihe text in the same 
size as the text w/th an empty 
lino of leading in between 


VOghcr'koilen der Piaz erung clei 
TilelSChril! 

Druckerzeugnisse 


Wer sich der Fiille von Druckerzeugnissen allor Art bei t 
notwendig eine strenge Trennung versuchen und das f 
unterscheiden dabei nach Art und Anlage vor allom zwe 
men dabei einmal zu dem Anteil der reinenT ypographio 
Druckerzeugnissen, bei denen das reinTypographische 
ausgosprochen sekundarer Bedeutung ist. Dio erstere « 

3 

Art bei ein 


vorloren hat, ja, daB der offenkundigo Einbruch der freie 
ausschlieBlich dem Setzer vorbehalten war, oino nicht 
stiirmische Aufwiirtsentwicklung von Industrie und Wir 
dieAuseinandersetzung urn Absatzmarkte und Kaufergi 
die die Einbeziehung immer neuer und phantasievollei 
wenn man «im Geschaft bleiben will*>. Dio aufgewendc 46 

4 

H.pr sdlen omigo prinzipiello elegant. zuruckhaltond und wlrkt 

Moglichkelten pr usent ert we<- doch selbstsichur. 
den. die in der Prax s Amverdung 

' ntS * n 3eispiel 2: Oor Titol wird halbfett 

l»c. spiel 1 Die Titclschrift steht im Schriftgrad dos Toxtos mil 
am Kopf omer Orucksoite. aoge- oinor Leerze !e Durchschuss ubar 
nohon von Textteil Ocr Schrift- Ocn Textteil gesetzt. 
g-ad entsprichl demjenigen des 

-extes Dio hior schtba’en Text- BeiSpiCl 3: Der Titel wird In cinom 
zei en konnen ats 3eginn cees grosseron Schriftgrad an den 
ungeren Textcs betrachtet wer- Kopf Get Druckscite gestellt. Es 
den. D e Titelschntt orscheint nui ist dieselbe Losung wio im Bei- 
dank ihrer fcesonne-ren »lazieru.ng spiel 1 . nur w-rd hior Ocr Akzent 
als T 'to! Der weisse Raum zwi- Stfirkor gosetzt. 
schen Text und Tire! hetH don 

Titel uber der Wert eine- go- Bcispiel 4: D e Titelschrllt ist 

wbhnlicheri Zoile fiinaos. macht ncchmals grosser gesetzt Der 
den Titel unubersehbar Lrd Pc- Kontrast zwischen Text und Titel 
deutungsvoll D cse Losung isl ist noch markanter 
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Body and display faces 


Grundschriften und Auszeichnungsschrifton 


Moglichkeiten der Piazicrung der 

Possible ways of placing iho title T itolschrift 


Verwendung von Schmuc 

Gestaltung augonscheinlich die Hand desGebrauchsgr 
Diese Arbeiten boziehen ihro Wirkungskraft aus dem 
scher Mittel, unter denen der typographische Anteil de 
dio Funktion der unbedingt notwendigen Toxtwiederc 
techniken soil im Rahmen dieserZeileri nicht beruhrt 
stellen, dafl der Anteil dor reinonTypographie im Laufe < 
•» 


Gestaltung und komm 

Gestaltung augenscheinlich die Hand desGebrauchsgr 
Dioso Arbeiten boziehen ihre Wirkungskraft aus dem 
scher Mittel, unter donen der typographische Anteil de 
die Funktion der unbedingt notwendigen Textwiederg 
techniken soli im Rahmen dieser Zeilen nicht beruhrt 
stellen, dafl der Anteil der reinenTypographie im Laufo ( 

f 


Bei dem in dieses Layou 

verloren hat, ja, daB der offenkundige Einbruch der freie 
ausschliefllich dem Setzer vorbehalten war, erne nicht 
sttirmische Aufwartsentwicklung von Industrie und Wir 
dieAuseinandersetzung urn Absatzmarkto und Kiiufergt 
die die Einbeziehung immer neuer und phantasievollei 
wenn man «im Geschaft bleiben will*. Die aufgewendc 
6 


Setzers verdanken, strong 

Form- und Flachenelementen, soweit sio als typographi 
baut» werden konnon. Nogativatzungon und rnehrfarl 
zogen sein. Demgegenuber steht die zweite Gruppe, 
Gestaltung augenscheinlich die Hand desGebrauchsgr 
Diese Arbeiten beziehen ihre Wirkungskraft aus dem 
scher Mittel, unter denen der typographische Anteil de 
8 


Example 5 The title is set above 
the column of lexi In ihe same 
size as the lexi and separated 
Irom il by an empty line ol 
leading. 

Example 6 Italic is used lo make 
a cioar distinction botwoon text 
and tillo. Hero the typo sizo 
matches that of the Body of the 
work, ltal.es are often used for 
subtitles 

Example 7: This shows the same 
solution as example 2 with the 
dilference that the bold line is 
set directly over the text without 
an empty line of leading in 
between 


Example 8: The title line is placed 
over a rule separating it from 
Ihe text The separation of the 
lexi field and Ihe underscoring 
emphasize Ihe importance ol the 

title lino. 


Beispiel 5: Der Titel w.rd mil 
e r.er Leerzeile Durchschuss im 
Mlben Schriftgrad des Textes 
uber d.e Texlspalte gesetzl. 

3c spiel 6: Eine deutliche Unter- 
schc.dung zwischen Text und 
Titel w.rd mi: der Kursivschrill 
erre.cht Hier ec.tspricht der 
Schriftgrad demienigen des 
Textfeldes Die Kursive wird als 
Unlertilel haufig vorwendet. 

Be spiel 7: Es zeigt d eselbe 
Ldsung wie Be soiel 2. mi: dem 
Unterschied. dass cie halbfet:e 
Zcile direkL ohne Leerzeile 
Durchschuss. uber den Text 

sestet u «st. 


Bo.spiol 8: Die Titelzelle wird 
ubor oino Linie. die sie vom Text 
t'enht. plazicrl DioTtennung vom 
Textfold und dio Untersfreichung 
unierslutzon dio Bcdeutung der 
Titelzeile. 


Construction of the type area Konstruktion des Satzspiegels 


Before the type area can be determined, the designer 
must know how much text and illustrative matter must 
bo accommodated in the printed work he has to design 
and of what nature it is. Ho should also have on idea 
of what his answer to the problem should look like 
overall and in detail. His draft design should have 
advanced to the stage where, in principle, the division 
into toxt and illustration is clearly recognizable and 
it should bo possible to plan the area by reference 

lo it. 

The designer is well advised to make his small-scale 
sketches as accurate as possible. A very common 
mistake is to sketch the lines of text unrealistically, 
usually Ihe lines are indicated too vaguely On 
conversion into the 1 :1 format it may be subsequently 
found that the texts will not fit into the size desired. 
Practice is nooded to sketch texts realistically on the 
very smallest format The best solution is for the 
designer to draw the typeface true to scale whenever he 
can. He must feel confident with the shapes and pro- 
portions ot the various alphabets and be able to sketch 
them from memory. Only in this way is it possible grad- 
ually to acquire the ability to produce, even in very 
small sketches, typographic patterns which are realistic, 
I. e. which can be transferred to the final format without 
difficulty. 

49 If the visual information consists mainly of text with very 
few pictures, the type area can be determined by refer- 
ence to Ihe printed format. 

Along with the depth and width of the type area and size 
of Ihe typeface, the volume of the text and the number 
of pages available must be taken into account If there 
is a great deal of text to do accommodated on a few 
pages, there will have to be as large a type area as 
possible with relatively narrow margins and a compara- 
tively small typeface The number of columns — one. 
two or more — depends on the printed format and the 
size of the typeface. Whether the printed page as a 
who e looks harmonious and is pleasant to read 
depends on the clarity of me typeface, its size the 
length ot the lines, the leading of the lines and the size 


Der Satzspiegel kann dann bestimmt werden, wenn der 
Gestalter den Umtang und dm Bcschaftcnheit der text- 
lichen und bildlichen Informationen. die er in der zu ge- 
staltenden Drucksache unterzubringen hat. kennt. Es 
bedarf auen sclion einer Vorstellung davon. wie die 
Losung der Aufgabe im Gesamten wie im Detail aus- 
sohen soli Der Entwurf soli boroits soweit godichen sein, 
dass im Prinzip die Toxt- und die Biidauftcilung klar 
erkennbar sind und die prazise Bestimmung des Satz- 
spiegels daraus abgeleitet werden kann. 

Der Gestalter tut gut daran. die Skizzen im kleinen 
Formal so genau als mdglich anzulegen. damit ©me 
Ubertragung m die detinitive Losung mdglich wird. Dor 
haubg anzutrollcndc und viol wiedcrholte Fehlor liegt 
darin dass die Textzoilen in unrealistischer Weis© 
skizziert werden, meist mil viel zu grober Lineatur. Bel 
der Umsetzung in das 1 1 -Format konnen hernach 
die Texte nicht mchr In dor gcwunschtcn Grosso untor- 
gcbracht werden Um Texte mil klolnstem Format 
rcakstisch skizzieron zu konnen. braucht es Obung. Am 
besten ist sie zu erreichen. wenn der Gestalter die 
Schriften. die er gebraucht massstabgetreu. so oft als 
mdglich. zeichnet Er muss das sichere Gefiihl fur die 
Formon und Proportionen dor verschiedonon Alphabet© 
bekommen und tahig sem.sie auswendig zu skizzieren. 
Erst dann entwickelt sich alimahlich die Fahigkeit. 
auch in kleinsten Dimensioncn typografische Skizzen 
anzulegen die realistisch. d. h. ohne Schwierigkoltcn, 
auf das enagultige Format ubertragen werden konnen. 
Bestoht die visuelle Information hauptsachlieh aus Text, 
in den nur wenige Abbildungen eingebaut werden 
mussen kann sich der Satzspiegel nach der Grosse des 
Druckformates richten Der Umtang des Toxics und die 
zur Vertugung stehende Anzahl Seiten werderi bei der 
Hohe und Breite des Satzspiegels und bei der Grosse 
der Schrift mitbestimmend sein. Viel Text, der auf 
wenigen Seiten untergebrach: werden muss, vorlangt 
einen mogl chst grossen Satzspiegel mit relativ kleinen 
Randzonon und rolativ klcinem Schrittgrad. Ob der 
Satzspiegel aus einer, zwei Oder mehr Satzspaiten be- 
stehen soli, hangt vom Druckformat und von der Grosse 


Construction of the type area 


of the margins The formal of the; page and the size of 
the margins determine the size of the type area The 
general aesthetic impression created depends on the 
quality of the proportions of the page format, the size 
of the typo area, and the typography 
The following examples illustrate the diversity of the 
problems with which the designer may bo confronted. 
They vary from case to case. At the same time oconomic. 
social and cultural conditions arc in a state of flux and 
exert a variable influence on advertising which constant- 
ly reflects ihe changing psychological and social pro- 
cesses 

Just as every problem is novol and different from others, 
so the grid must be conceived afresh every time so as 
to meet requirements This means that the designer 
must approach oach new problem with an open mind 
and must soek to solve it by analysing it objectively 
The difficulties of the task are due to the enormous 
differences in the demands made on the designer by the 
various assignments he receives A small newspaper 
adverlisernont does not present the difficulties of 
designing, say. a dally paper with 10 and more columns, 
a great variety of subjects, and an additional advertising 
section. Such a task calls not only for designing talont 
but also organizing ability since the many constantly 
changing items of information have to be arranged 
in a logical order and their priorities reflected in 
appropriate typography. 


Konstruktion des Satzspiegels 


des Schriftgrades ab. Das harmomsche und gut les- 
bare Gesamtbild der Druckseite hangt von der Klarheit 
dor Schriftformen. der Grosso der Schnft, der Lange der 
Zeilen.vom Durchschuss der Zeilen und von der 
Grosse der Rnndzonen ab Seitenformat und Grosse 
der Rander bestimmon die Grosse des Satzspiegels. Die 
Qualitat der Proportionon des Seitenformates, dor 
Grosse des Satzspiegels und der Grosse der Buchstabcn 
ergeben den asthetischen Gesamtoindruck. 

Die folgcndon Beispiele illustrieren die Vcrschieden- 
artigkeit der Aufgabcnstellungen. mit denon dor 
Gcstalter konfrontiort werden kann. Die Problem© 
variieren von Fall zu Fall. Es andern sich aber auch 
dauernd die wirtschattlichen, sozialcn und kulturellen 
Situationen. Sic bocmflussen einmal mehr. das andere 
Mai weniger. die worbliehen Aktivitaten. Auch die 
Ausdrucksformen in der Wcrbung reagieren auf die 
Zoitcrscheinungen. s«e unterstchcn dauernd den sich 
andernden psychologischen und gosellschaftlichen 
Prozes 3 en. 

Wie jede Aulgabenstelfung sich von der andoren 
unterscheidel. neu ist, und neu uberdacht werden will, 
soli auch der Raster cine dor jeweiligen Aufgabe 
entsprechende spezifische Konzeption haben. Fur den 
Designer bcdcutct diese Forderung, dass er jedem 
neuen Problem offen gegenuber zu stehen hat, es sach- 
lich zu analysieren und zu loscn bestrebt sein muss. 

Wie schwer diesem Anspruch nachzukommen ist. erklart 
sich daraus, dass zwischen den einzelnen Aufgaben- 
steilungen immense Unterschiede der Schwierigkeits- 
grade beslehcn konnen Ein Kleininserat mag leichtcr 
zu Ibsen sein als z.B. die Gestaltung einer Tageszeitung 
mit zehn und mehr Spalten. den unterschiedlichsten 
Themcn und dem zusatzlichen Insertionsteil. Hier 
braucht es nebst dem gestalterischen Talent eino orga- 
nisatorische Begabung fur die logische Ordnung der 
vielen stets wechselnden Informationen. die je nach 
Prioritat in entsprechende Typografic umgesetzt werden 
mussen. 
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Konstruktion des Satzspiegels 


Symmoiricai and asymmetrical Symmctnschc tnc asymmciri- 

arrangement of the type area sche Satzsp>caclanordnung 


type area m a 1 : 2 relation to the 
paper area 


Sattspicgol im Vcrhaitms 1 : 2 zur 
Paoieri&chc 


Pago tormat Oased on Iho Golcon 
Section 


Format dor Seilo Im Goldonon 
Schnitt 



r he examples o( type areas are seums lighter because it has 

simply intended as suggestions boon pushed up Iho page The 

and not as ready-made solutions. typo, which stnkos the OyC as an 

Each now job sots Its own area o» grey, remains, as •: were. 

problems and loads to different floating on the printed page It 

conclusions the type area is set low. it looks 

Example 1 shows a symmetrical as though it is going to fall out 

type area on a double page with of the page 

a wide back margin such as Example 2: The asymmetric 

might be used fo* a book cesign arrangement with type areas 

In voluminous books the 03ges displaced to the right and backs 

become curved when the book is of unequal width 

ooen The wide back margins Example 3 shows a classic sym 

are intended to prevent the lines metrical type area according to 

ol text becoming difficult to read Ihe Golden Section 

because ol this convexity The 

tails are notably deeper than the 

heads. The reason lor this is ore 

O’ aesthetic form tintype area 


Dio hier vorgestc i>en Beispie'e asthehschen Grund: das Schrilt- 
voo Sat/sp ogeln s rO nur als fold erscheint loichtor dadurch. 

Aniogungon t u verstohon. nicht dass es in die Hbhe gohobon 

als ICftigo lOSungen Jedo noue Isf Dio Schriftllacho. dio OpIiSCh 
Aufgabo dikfiort nndcio Obor- als graue Fldcho wlrKt, bloibl 
legungen und fuhrt zu andcron soz usagen im Sclnvobozustand 
Schiussen aui dor Drucksoite sfehon. 1st das 

Beispie i zegt ein symmev.- Schr fitpld tief gesetzt. entsteht 

sches Satzspiegelbilc auf emet gefiihlsmassig der Eindruck des 
Doppelse te mit fcreitem Bund- nach unfen Fallens, 
steg. donkbar fiir eine Buchge- Be spie 2: Die asymmetrischo 
sta * ung. Bui um'-angreichen SaUspiegclunordnung mit nocli 

Buchern wolben sich dio Seiten. rechts verschobcncn Sate- 
Die breden Bundstoge so len spiegeln und unglelch breiten 
verhmdern dass die Tcxtzeiicn Bundstegen. 

durch d.-ese Wolbung schwer Beispiel 3 zcigl cm klassisches 
tosbar v/erden Die Fussstege symmetrisches Sotzspiegelbiid. 

smd me'klich hoher als die im Ve'haltnis des Goldonon 

Kopfstcpe D3S hat einen formal- Schnitles. 
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Konstruktion des Satzspiegels 


P«nrn p| 0S of typo area design Bcispielo der Sarzspiegel-Gestal- Examples of Type area design Beispicle der Satzsp.enol-Goslel- 

witn 1 and 2 columns rung m.r 1 und 2 Spallen double page with 1 and 2 columns tur.g mil 1 und 2 Spalten 




Tho edges of (he paper have the 
following technical nones: 

Insido edge - back 
Outside edge left and right 
lore edges 
(gutters) 

Top edge head 

Bottom edge = tail 
Diagrams I 36 illustrate possible 
ways of arranging the type area 
In practice, cases continually 
crop up where, for example. 

Ihere aro Sound practical reasons 
for combining two columns Of type 
with three or four (Figs 15/19). 
One possibility is. say. :o bisect a 
column of lype into two parts so 
as to be able to use the two 
combined together. 


Or one page with 3 columns of 
lype is subdivided mto6 columns, 
and these ore used in turn in 
combination with each other on 
the same page 

Example 25 shows a comoination 
of <t with 8 columns. The special 
feature o‘ this design is that the 
8 columns stand at mid-height in 
the type a r ea 

Example 26 shows how a page 
with four columns is divided to 
make eight columns. 


De Pap.eirandB: haber in dor 
Fachsprache die lolgenden 
Bore ichourvgen : 

Paporrand mnon — Bundsteg 
Popi errand aussen - linker und 
rechter 
Ausserstea 

PapierrarvJ oben = Koptslog 
Papie-rand ur.ten Fussslcg 
Die Zeichnungen 1 36 Muslrieren 
die Moglichkeiter de- Sairspe- 
gelgeslallung. 



12 


Esgibl in der Praxis immer 
v.ioder Falle wo l B. zwei Satz- 
spaiton aus praklischon Grunden 
mil Orel Oder vier Spallon kombi- 
morl wurden mussen. Abb. 15/19. 
Eme Moglichkeit besteht dorin. 
dass 7 B oino Satzspnlle in zwoi 
unterte l: Wiref, um beide mit- 
emander konbiniert gebrauchen 
zu konnen. 

Odur cine Seite mil 3 Satzspalten 
wi'd in G Spa ten unteMoill. diese 
wiederum mitemander auf dor- 
selbcn Seite kombmierl einge- 
setzl. 


52 
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Examples ol type area design 
with 2 and 3 columns 


I IL_ 

13 



Example 27 has eight columns 
arc. In example 28. these are 
again divided. 

We now have 10 columns, a form 
of page division which is often 
used in magazines anc news- 
papers 

Most newspapers, particularly 
the big ones, have tor many years 
been aware of the possibilities 
atlorded by combining columns 
and have made good uso of 
thorn Study ot such newspapers 
shows that these combinations 
hole many possibilit es fo* tie 
future. 

Designing with two. three and 
four columns involves me same 
problems as with one. Questions 


Dcispiclo der Satzspiegel-Gestal- 
lung mil 2 uno 3 Spalten 


Examples of type area design Beispiele der Satzspiegel-Gostal- 
with 2 and 3 columns tung mil 2 und 3 Spalten 



of functionality, legibility and 
pleasing appearance must be 
resolved convincingly. 

On page 50 we see pages with 
5 lo 10 columns of type which 
have all been used in practice. 
The larger me number ol 
columns of type per page, the 
smaller me typetace must be on 
the assumption that we use 
lines containing the usual aver- 
age Of seven words 
Des grmg a page with ore 
column of type requires the same 
skill and sensitivity as a cesgn 
with. say. 6 columns of type. 

For a single co .mn to produce 
a good effect, type s ze. length 
of line eading and column width 


Das Be sp-el Abb. 25zeigt do 
konbimerter 4 mit 8 Spalten. Das 
Besondere an dieser Losung ist. 
dass die S Spallen in der Mine 
der Mbhc Ces Satzspiegels 
siehcn 

Das Be soiel Abb 26zcigtde 
Unterteiiung ener Sede mil vier 
ip acht Spallen 
Das Beispiel Abb. 27 hat acht 
Spalten. die in Beispiel Abb 28 
nochmals untcrtoilt warden. Wir 
haben (et?t 16 Soatton. eino von 
Zeitschrifter und Zedungcn ott 
gebra jehte Seitenautteilung 
Die neister Ze : ungen vorab die 
grossen. kennen und praklizieren 
seit Jahrzehgten die Mdglich- 
<eden cer Soatenkombination. 


Bel der Gestaltung mil zwei. drei 
und vier Satzspalten fallen die 
glelchcn geslaMcrischon 
Problemc an w«e boi dor oinon 
Saizspalte, Dio Fragen dor 
Fimktionalltat. dor Lcsborkolt 
und der A3thetik mussen gclosl 
sem. 

Auf Seite 56 werden Seiten 
mit 5 bis 10 Satzspalten gezeigt, 
diO Alto in der Praxis Anwondung 
gofundon haben Jo mohr Satz- 
spalten pro Sedo vorwondot 
werden sollen. desto klolnor 
mussen notgedrungen die 
Schriften sein. Vorausgesetzt, 
dass wir Ze len mit don Oblichon 
7VVorlon im Durchschnit! erholten 
wollen. 
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Examples ol I'/pc urea design 
will) 3 and 4 columns 


Beisciele Cer Satzspiegel-Gcstal- 
lung m l 3 und A Spalten 


Examples ol typo a-ea cesgn 
W'lh 3. 4 ana 8 columns 


Be salnlo der Salzspiegel-Gostal- 
tung mit 3 4 und 8 Spalten 



must all be relatod lunctiona.'ly 
so ns lo create o dosign w in 
interesting tensions. 

In com&ining narrow and wide 
columns ol type, c,vo must be 
taken to ensure that tho type 
Sizus are suited to the widths of 
tho Columns. In otner words, the 
wider columns need a larger 
'ace than the narrow ones Only 
in this way .s t possible to obtain 
a balanced type area with the 
3«me rhythm of print throughout. 
In seeking a typo area which is 
right for a particular job and 
meets Oil requirements, it i3 best 
'or the designer to begin by 
making small sketches and to 
subject them to continuous 


criticism If the printed format is 
already fixed <n advance th© 
sketenos should bo drawn prop 
erly to scale from in© start The 
advantage ol this. •! it is done 
carefully. i$ that the relationship 
Ol the sketched type area to the 
page and the edges can be more 
readily checked 
Looking tor the best cossiole 
type area raises certain questions 
which the designer snould oea i 
in mind when sketching: 

1 

Should the type area consist ol 
one. two. or more columns? Tre 
size of the type'ace depends on 
the width of the column 


Eme Se tengostattung mit emer 
Satzspalre vcrlangt dcselbe 
Geschickiichko t und ScnsibihtSt 

•»« erne Gestallung mil z. B. 

8 Satzsoatten. 

Bet emor Satzspalto mtisson. da- 
mit e nc gute Wirkung entstchen 
kann Schriftgrafl. Zoilenlango. 
Zoilendurchschuss und Grosso 
der Satzsoalte in funktioneltem 
und spannungsvollen Verhaltnis 
se.n. 

Bei Komb nationen mit schmalen 
und breitcn Satzspalten muss 
Corauf geachtet werCen. dass 
die Schriftgiade der Bre.te der 
Sctzspallen angepasst werden. 

D. h die bceiteren Soa'ten be- 
notigen eine gressere Sc.nr ft ais 



die schmulon Spmton Erst so 
crhalt man c n ausgowogeres 
Satzbild mil durchgohund glei- 
chon Schrittrhythmus 
Aut der Sucho nach dom lur eino 
beslimmte Aufgabe richtigon und 
alien Anspruchcn genugenden 
Satzsp.iogol begmnt Cer Gestalter 
am beston daml. Kloine Skizzen 
zu machen und sie lortwahrend 
krihsch zu priilen. Wenn das 
Drucklormat zum voraus Icst- 
gelegt ist. sollen die Skizzcn 
bereits schen im lichtigen mass- 
stablichen Verhaltnis gemachf 
v.crden. Bei sorgfalt gom Vor- 
gc-hen bring! das den Vorto I. 
oass der skizzierle Satzspicgel 
besscr im Verhaltnis zur Seilu 
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Examples of type area design 
double page with ^ and 2 columns 


neispiele der Satzsp ogot Gostal- 
tung Doppelseiio mil 1 und 2 
SpaUen 


Examples of type area design 
double sage v/ith 3 and 4 col- 
umns 


3eispiele der Satzspiege -Ge- 
siallung Doppelseiie mil 3 und 4 
Spalten 
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2 

What kind ot information is :o be 
accommodated in the type area? 
Are the texts to have annotations 
or footnotes? Do the texts in- 
duce pictures and captions? 

3 

It illustrations ore to be combined 
with the text, how many pictures 
arc there all together'’ 

4 

How many are to be largo and 
how many small? Both factors, 
viz the nature ot the texts and 
the quantity and sizes ot the 
Illustrations, influence the 
design ot the type area. 

A special narrow coiumn can be 
placeG next to the text columns 


to accommodate annotations. 
Apart Irom these points, there 
are fo'mal probems to be sorted 
out m designing the type area 
which are very tar from simple: 
Should tne type area me<e the 
fax mum use of the printed 
page i e leave only small 
margins? 

Or should the unprinled area of 
the margins &o giver a visual 
function? 

Should tne type a-ea be slight, 
leaving wide marg ns. or snouid 
• DC wide but with reduced 
depth? 

Eacn job raises so many ques- 
tions requiring individual 
solutions that tne/ cannot 


und zu den Randern kontroiHert 
werden kanr. 

Dio Suche nach dem optimaien 
Satzspiegel stollt don Gcstultcr 
vor emige Fragcn. die or beim 
SKizzleren nicht vergossen dart 

1 

Soli der Satzspieget erne. zwei. 
drei Oder mehr Kalonnen erhal- 
tcr? Von der Breite der Kolonne 
(Satzspai-e) hangt die Grosse 
dcs Schritlgrades ab 

2 

■Vetche Ar! von textlichen Infor- 
matioren sino im Satzspiegel 
urterzubr rger .? Sind es Texte 
mit Marginalien. Fussnoten? 
Sind es Texte mit Bildern und 
Leger.den? 


3 

Falls Abbildungon mil dem Text 
kombiniort werden mussen, 
wievicic AbbilCungcn slnd cs 
gesamtnaft? 

4 

Wieviele davon soHen gross odor 
Main abgebldet werden? Beide. 
d o Beschnltenheit der Texts 
und die Mongo und Gros3on 
dor Abbddungon. haben Einfluss 
auf fie Gestaltung dos Sntz- 
spiegels. 

- jr die Unterbringung z. B von 
Varginalien kann eine spezielle 
schnale Spa te neben die Text- 
kolonnen gestellt werden 
Unabhangig davon sind bei der 
Festlegung des Satzsp egels 
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Konstruktion des Satzspicgels 


Examples of type area design Beispiele dex Satzsp cgol-Ge- Examples of type area cos gn BdSpiolo dor Satzspiogei-Ge- 

doublo page with 5 and 6 col- staltung Doppeiseite m.t 5 und 6 dooDle page with 6 and 10 col- sialtung Doppolsoilo mil 3 und 10 

umns Spa'.ten umns Spalten 



possibly be deoil with in a satis- 
lactory manner by a theory. 

In many instances, however, a 
lypo area clearly related mathe- 
matically to dopth. w.dth and 
page aroa and incorporating the 
margins has proved its value in 
practical applications. 


formal® Probleme 7 i bewatigon. oin Satzspiogel bowahrt. der 
die keinesfaiis einlach sme inbozug aul Hohe und Broito und 

Soil der Satzspiegel die Druck- Inbozug aul das Scitonlormal 
sc to Optimal ausnutzen d h nur klaro. mathomatlscho Propor- 
klcine Binder steben lassen. Oder tioren autwe sen konnto unter 
soil die unbcdruckte Flache der Einbezug der Randzonen 
Rander erne optisch mitbestim- 
mende Funktion bekommen? 

Soli der Satzspiegel srhlank In 
dar Seile steben mit grossen 
SC'tliChOn Rardern. Oder soli er 
breif sein. datur eir»e geringe 
Hohe haben'Z 

Es sind zu vieie Fiagen die ?Ur 
jede Aufgafce individueil gelost 
worden mussen. als dass Sie 
theonet sch befriedigend behan- 
ce t v.erden konnten. 

In vlelen Fallen hat s ch aber 





Construction of the grid 


Konstruktion des Rasters 


The problem posed by the job must be studied before Zu Beginn jedcr Aufgabe steht das Studium des 
work can begin. Questions regarding the format, the text Problems. Dabei miissen die Fragcn des Formates, des 
and illustrations, the typeface, the printing method and Text- und Bildmaterials. der Legendon. dcr Schriftart, 
the quality of paper must bo cleared up. The designer der Druckart und der Papicrqualitat abgeklarl werden. 
then begins to approach the solution of the problem by Dann beginnt dor Gostalter mil kleinen Skizzen an 
means of small sketches. The proportions of these die Losung des Problems heranzukommen. Die Skizzen 

sketches should be related to those of the final format sollten bereits in der Proportion des endgultigen 
so that unnecessary difficulties are avoided when the Formates sem. damn bei der Umsctzung in das Origlnal- 
full-sizo version is sot up. Small-scale sketches make it format keme unnotigen Schwiorigkciten aufiauchen. 
easier to see the rough layout as a whole. Das Skizziercn im kleinen Format erleichtert die 

When preparing a sketch, the number of columns on a Ubersicht iiber die Skizze. 

page is one of the points to be considered 1 column for Bcim Skizzieren ist zu uberlegen, mit wiovielon Kolonnen 

text and illustrations leaves too little freedom to repro- die Seiten unterteilt werden sollon: 

duce pictures In large, small or medium size. 1 Kolonne fur Text und Abbildungen gibt zu wenige 

2 columns for text and illustrations give more scope: Moglichkoiten. Bilder gross, klein Oder mittelgross zu 

the text can go In tho first column and the illustrations zeigen. 

in tho second. Text and illustrations can also be placed 2 Kolonnen tur Text und Abbildungen bieton mehr 

in the same column one below the other. Moreover. Moglichkeiten: in dor orsten Kolonne kann der Text, In 

the 2-column division can be subdivided again to form der zweiten die Abbildungen plaziert werden. Text 
a 4-column page. und Abbildungen konnen auch in der gleichen Kolonne 

3 columns can also afford a variety of opportunities for untereinander gestellt werden. Ausserdem kann dio 

accommodating toxt and arranging tho Illustrations 2-Kolonnen-Aufteilung nochmals untortoilt werden in 

in various sizes The 3-column system can also be 4 Kolonnen. 

subdivided into a 6-column arrangement. The disadvan- 3 Kolonnen erweitern die Variationsmoglichkeiten fiir 
tage of the 3- or 6-column layout is that the lines ot text die Unterbringung der Texte und die Anordnung dor Ab 
become relatively narrow and consequently a small bildurnjen in verschiedenen Grossen Auch dio 3-Kolon- 

57 typeface would have to be selected. This is a question nen-Konzeption lasst sich woiter zerlegen in eine 6-Ko- 
that depends on the function to be performed. Division lonnen-Auftcilung. Nachteil der 3 respektive der 6 Ko- 
into 4 columns is advisable where space has to be found lonnon kdnnte darin bestehen, dass die Textzeilen rola- 
for a lot of text and a large number of pictures or where tiv schmal werden und dementsprechend ein klcincr 
statistics have to be displayed with copious figures. Schriltgrad gewahlt werden musstc. Diese Frage hangt 

graphs and trend lines. von der gestellten Aufgabe und vom Format der Druck- 

Four columns can also be further subdivided into 8 ; 16 sache ab 

and more columns, which is convenient for showing Die Unterteilung in 4 Kolonnen empfiehlt sich dort, wo 

statistics. viel Text und viele Abbildungen untergebracht Oder wo 

Tho width of the columns influences the size of the statistisches Material mit viel Zahlen. Kurven und Ent- 

typeface to be used. As a rule the narrower the column. wicklungslinien gezeigt werden sollen. 
the smaller the typeface. If the column is too narrow Auch 4 Kolonnen lassen sich weiter unterteilen in 8. 16 

and the face too large, too few words can be placed on und mehr Kolonnen. fiir die Darstellung von Statistiken 

a line and the rapid change from one line to the next erne gebrauchliche Form. 

fatigues the eye during reading Die Breite der Kolonnen becinflusst die Grosse der zu 


Construction of the grid 


The normal reading distance separating the eye from the 
brochure, book or newspaper is 30 35 cm. At this 
distance the text should bo agreeable to read Experi- 
ments with 2 . 3 and 4 columns and with various sizes of 
typeface must continue until a possible solution begins 
to take shape. 

Now the sketches can bo compared Designs which arc 
clearly unsuitable can be discarded, and then the next 
least suitable, until only 2 or 3 sketches remain. It is 
a good idea to enlarge these to 1 1 and then again 
compare them until at last only one draft remains. The 
lines showing the typo size to be used are then sketched 
into the columns on this dratt The grid division is then 
superimposed and the page is examined to see how 
many lines of text can be accommodated in a grid liold 
The first line of the text in the grid field must til Hush 
against the top limit of the field whoroas the last line 
must stand on the bottom limit. It is rare to find the final 
solution the first time of trying. In most instances the 
desired grid field is either too high or too tow Another 
point to check is wnothor the depth of the column of 
text tallies with the depth of tho grid fields arranged 
one on top ot the other, allowance being made for the 
distance between them Here again, only an approximate 
solution can be found at tho start. 

At this stage of the rough design it is advisable to do 
some calculations An example will make clear what is 
involved: 

Let us assume that In our draft the column is 57 lines 
deep. We want 4 grid fields in a column, i. e. the column 
is to be divided into 4 grid fields ot equal size, there 
being a space between the fields. For this intervening 
distance we choose the space occupied by one lino of 
text. This space is known as an empty line .i e the 
space in which a line of text could stand remains 
empty. 

From the 57 lines making up the depth of the column ot 
text we subtract 3 lines which are reeded for the spaces 
between the grid fields. We are now left with 54 lines 
which are to (ill 4 grid fields. We divide the number of 
lines 54 by 4 and obtain 13 5 lines per field As there are 
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verv/endenden Schrilt Je schmaler die Kolonno, dosto 
kleiner ist in der Regel die Schrift. Bei emer schmalen 
Spalte und emer grossen Schrift konnen zu wenige 
Worte auf der Zeile plaziert werden. 

Die normale Lesedistanz betragt 30 bis 35 cm zwischen 
Auge und Prospekl. Buch odor Zeitung. Auf diese 
Distanz soli der Text muhetos gclcsen werden konnen. 
Die Versuche mil 2. 3 und 4 Spaltnn. mil kleinerer und 
mil grosserer Schrift mussen sowed hihron, bis sich eine 
mbgliche Losung abzuzeichnen beginnt Erst dann kon- 
non die Skizzen mitoinander vergliehen werden. Dio 
eindoutig untauglichen Ideen werden ausgesondert. bis 
zuletzt noch zwel Oder drei Skizzen ubrighleiben Diese 
werden mit Vortoil auf 1 1 vergrossert. dann wiodor mit- 
cinander vergliehen, bis zulotzt cm Entwurf ubngbleibt. 
Auf diosom Entwurf werden die Zcllon mlt der Schrift- 
grosse. die verwendet werden soli, in die Spalten skiz- 
ziert Dann leg! man die Rasterneiz-Einteilung darubor 
und kontrolliert. wieviclc Textzeilen in einern Rastcrfeld 
Platz finden. Die erste Zeile des Toxtes im Rasterteld 
muss dnbei genau an die obere Begrenzung des Raster- 
feldes stossen w.lhrend die letzte Zeile nut der unteren 
Begrenzungslime stohen soil Selten errcicht man boini 
ersten Versuch die definitive Losung. In den meisten 
Fallen ist das gewimschte Rasterteld zu hoch odor zu 
niedrig. Ferner ist zu prufen, ob die Hoho der Tcxtspalte 
mit der Hohe der ubereinnndorslehenden Rasterfeldcr 
ubereinstimmt wobei der Abstand der Felder beruck- 
sichtigt werden muss Auch hier wird zu Beginn der Ar- 
beit nur erne Annahcrung an das gewiinschte Rcsultat 
crreicht werden konnen. 

Indiescm Stadium de' Entwurfsarboit empfiehlt es sich, 
rechnerisch vorzugehen. Das soil an einern Beispiel 
erklart werden: 

Angenommen. die Hohe der Spalte zahlt in unserem 
Entwurf 57 Zcilen Wir wunschen 4 Rasterfelder in einer 
Spalte. d. h die Spalte soil in 4 gleich grosse Raster- 
felder untertellt werden. mit jc einern Zwischenraum. 

Als Zwischenraum wahlen wir die Grosse des Raumes, 
den eine Textzeile einnehmen wurde. Dieser Raum wird 
-Leerzeile- genannl 
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no half linos in typography, we look for the next smallest 
number which is divisible by 4 If each of the 4 fields 
contains 13 lines, we now have, including the 3 empty 
lines, a column depth of 55 lines. 4 X 13 + 3 55. 

We make the necessary adjustments to our draft. 

We now proceed a step further and determine the num- 
ber of columns If we choose 2 columns, each column 
has 55 lines or 4 grid fields. The grid fields are Intended 
for the illustrations. 

The corrected column with 55 lines fits in precisely with 
4 grid fiolds of 13 lines, oach field being separated 
from the next by I line. The depth of the column is now 

54 ciceros and 8 points or 24.7 cm 

If, for instance, the left-hand column of a page contains 

55 linos of text, and the right-hand column 4 fields with 
photos one above the other with a space of one line in 
between, then the upper and lower edges of the picture 
always align with the ascenders and descenders of 
the lines of text. 

In a sophisticated grid system not only the lines of text 
align with the pictures but also the captions and the 
display letters, titles and subtitles. To ensure that the 
caption is read as information which is subordinate to 
the text, it can be set in italics or a smaller face. II. in 
this example, the print of the captions is to align with the 
lines of text, it must, taken together with the leads, be 
of the same depth. In other words. 2 lines with 6 points 
sot close {- 12 points) corresponds to one line of text of 
10 points with a 2-point lead. With this ratio all the lines 
of the text matter align with the lines of the captions. 

In the draft the 6 points have been sketched in. Belov/ 
•the pictures the 6-point face can now be set in 1 or 
more lines. 

Calculations of the same type must be made when 
choosing the display type 'or the titles. If. for example, 
tho 20-point face with a 4-point lead (= 24 points) is 
taken for the titles, the 20 lines of 10 points with a 
2-point lead ( = 24 points) will align with it 
So. if the title lines align with the text lines, the grid 
fields will do likewise. 

The layout is completed with the title. 


Von 57 Zeilen. die zusammen die Hohe der Textspalte 
ergeben. ziehen wir 3 Zeilen. die fur die Zwischenraume 
dor Rastcrfelder benotigt worden. ab. Wir haben jetzt 
noch 54 Zeilen. die 4 Rasterfelder fullen sollen. Wir 
teilen die Zeilenzahl 54 durch 4 und erhalten 13.5 Zeilen 
pro Rasterfeld. Da die Typografie keine halben Zeilen 
hat. suchon wir die nachstklemere Zahl, die durch 4 
teilbar ist. Sic 1st 52. die durch 4 gctcilt 13 gibt. Wenn 
jedes der 4 Rastertelder 13 Zeilen hat, bekommen wir 
zusammen mil den 3 Leerzeilen erne Spaltenhohe von 
55 Ze.len, 4x13 + 3-55. 

Wir korngieren unseren Entwurf entsprechend. 

Nun gehen wir cincn Schritt weiter und bestimmen die 
Anzahl Spalten. Falls wir 2 Spalten wahlen, hat jodc 
Spalte 55 Zeilen Oder 4 Rasterfelder Dio Rasterfelder 
sind fur die Abbildungen gedacht. 

Die korrigiorte Spalte mit 55 Zeilen deckt sich prazis mit 
4 Rastorfeldern mit 13 Zeilen und jo 1 Zeilc Zwischcn- 
raum Die Hohe der Spalte betragt jetzt 54 Cicero und 
8 Punkt Oder 24.7 cm. 

Wenn z B. die linke Spalte einer Seite 55 Textzeilen hat. 
die rechte Spalte 4 ubereinanderliegende Felder mit 
Fotos im Abstand von jo 1 Zeile. dann sind Ober- und 
Unterkanten der Bilder stets mit den Ober- und Unter- 
langen von Textzeilen aliniert. 
in cinem verfeinerten Rastersystem sind nicht nur die 
Textzeilen mit den Bildcrn aliniert. sondern ebenso die 
Legenden und die Auszeichnungsschriften. Titel und 
Untertitel Damit die Legende als dem Text untergeord- 
nete Information gelesen wird. kann sie kursiv Oder in 
emern kleineren Schriftgrad gesetzt werden. Damit die 
Legendcnschritt in diesem Bcispiel mit den Textzeilen 
alinieren kann, hat sie zusammen mit dem Zeilendurch- 
schuss dieselbe Hohe zu ergeben. Das heisst, einer 
Textschrift von 10 Punkt mit 2 Punkt Durchschuss= 12 
Punkt Hohe. entsprechen 2 Zeilen Legende in 6 Punkt 
kompress= 12 Punkt. Bei diesem Verhaltnis alinieren 
aile Zeilen der Textschrift mit den Zeilen der Legenden- 
schrift. Im Entwurf wird die 6 Punkt aufskizziert. Unter 
die Bilder kann nun die 6-Punkt-Schrift gesetzt werden. 
in 1 Oder mehr Zeilen. 
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If another typeface is needed to solve the problem, the 
same process of thought must be gone through again 
in principle. 

Illustrations, tables, statistics etc. are treated like grid 
fields, i. e. designed to the size of grid fields 
Several grid fields can bo combined into larger fields, in 
which case the upper and lower edge of the fields musl 
align with the lines of text. 

After lines and grid fields have boon mutually adjusted. 

It musl be decided whether the typo area bears a 
relationship to the size of the page which is satisfactory 
and aesthetically pleasing. To this end the proportions 
of the margins, their relationship to each other and their 
relationship to the type area, must bo examined 
If the result is not satisfactory, we must star: again from 
tho beginning. This work may be time-consuming, but 
it is worthwhile, for the impression created by the 
publication may ultimately depend upon it. 
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Derselbc rechnensche Vorgang muss fur die Wahl der 
Auszeichnungsschrift fur die Titel gemacht werdon. 
Wenn z. B. die 20-Punkt-Schrift mil 4 Punkt Durch- 
schuss = 24 Punk: fur die Titel genommen wird, dann 
almieron 2 Zeilen a 10 Punkt mit 2 Punkt Durchschuss _ 
24 Punkt. 

Wenn so die Iitelzeilen mit den Textzeilen alinieron, 
ist dasselbe mit don Rasterleldern der Fall. 

Das Layout wird jelzt mu dem Titel vervollstandigt. 

Isi ein weiterer Schriftgrad lur die Lb sung eines 
Problems notwendig. mussen im Prinzip diesolbcn 
Uberlegungen wieder gemacht worden 
lllustrationen. Tabollon. Statistikon usw. werden win 
Rasterlolder behandelt. d h auf die Grosse von Raster- 
feldern cntworlen. 

Mehrere Rasterlclder kbnnen holicbig zu grossoren 
Feldern zusammcngezogen werdon. wobei die Obor- 
und die Unterkanto der Felder mil den Textzeilen 
almieron mussen. 

Nachdem Zeilen und Raslerfelder aufeinnndor abge- 
stimml sind ist zu prtifen. ob das Saizbild im Verhaitnis 
zur Seitengrosse ein zufnedenstellendes. asthetisches 
Ergebnis erreichte. Dazu sind die Randproportionen. 

'hr Verholtms zuemander und ihr Verhaltnis zur Flacho 
dcs Satzbildes zu untersuchen 
Ist das Ergebnis nicht zufriedenstcllcnd muss wiedor 
von vorne begonnen werden. Diese Arbeit kann zeit- 
aufwendia sein. Es lohnt sich, weil von ihrem Resullal 
die Wirkung der Publikaiion abhangen kann. 
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Sketch 1: Determination of the 
type area 

Sketch 2: Oivision of tho type 
area into two columns 


Sk zze 1 Bestimmung des Sstz- 
sptegels 

Sxizze 2 Untertclung Ces Satz- 
Spiegels in 2 Spatten 


Sketch 3: Div-sion ol tho columns 
into grid fie‘ds 

Sketch 4: The depth ot tho linos 
of text compared with the depth 
ol trve grid fields 


Sk 770 3 Untcrtollung der Spalten 
in nasterfoldcr 

Skizze 4: VergloiCh dor Hoho der 
“extze len mlt dor Hoho dor 
Rasterfelder 


r 
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One helpful method of finding a 
typo and picture area for a 
specific task is tho following: 

Fig. 1 

The designer sketches t ;t tho 
type area wilh the depth and 
breadth that seem best to him 
bolh functionally and 
aesthetically 
Fifl. 2 

Onco this lypo area has been 
found in the sketch, tho desgner 
divides it into 2. 3 or more text 
columns. Where, for example, 
Ihore are 2 columns of text, he 
divides Ihe type area vertically 
into 2 parts, which he separates 
by means ol an intervening 
space. 


Fig 3 

Now ho divides Ihe text columns 
horizontally into 2. 3 or more 
fields 
Fig. 4 

The designer must now decide 
what type size and leading no 
wants to use for the text. If. say 
j tO-pl face with 3-pt. leading 
ensures Ihe legibility he is 
looking for. then he checks the 
depth ol me beids he has 
sketched and ascertains how 
many 10-pt lir»es of type can he 
accommodated in one field. In 
most cases the designer will have 
to adjust the depth ol Ihe held 
to the depth ot the specie 
number o‘ text lines. He will 


Eine brauchbarc Mcthodo, urn 
omen Satz- und Bildspegel fur 
eine bestimmte Aufgabe zu lm- 
don. sieht folgenderma3sen aus: 
Abb. 1 

Dor Gcstallor skizz ert 1:1 den 
Satzsp'OGOi mil Hoho und Breite. 
wie er Ihm am vorlodhallosten 
erschemt in fonklioroUcr und 
asthetischer Beziehung 
Afcb 2 

1st dieser Satzspiece! in cer 
Skizzc gclunden. unterleilf der 
Gestoiter den Satzspiegel in 2. 3 
Oder mehr Satzspaitcn. Dei z. B. 
2 Satzsoaiten trennt er den Satz- 
spiegel vertikal in 7wei Telle, die 
cr Curch einen Zwischenraum 
auseinanderhalt. 


Abb 3 

Jetzt unterleilt er die Ratzspalten 
horizontal in zwei. drei odor 
mehr Felder. 

Abb. 4 

Nun muss der Ges'.alter ent- 
schdden wolchon Schriflgrad 
und Zedendurchscliuss cr fur den 
Text verwenden mochie Wild 
z B. eine 10-Punkt-Schrlfl mil 
3 Purkl Durchschuss das ge- 
wunschlo, gul lesorliche Schrift- 
b id goben. dann kontrolliort er 
die Hohe dor skizzicrton Felder 
unc priift, wlevielo 10-Punkt- 
Schr ftzeilen in einem Feld unter- 
gebracht werder konnen. Moist 
wird der Geslalter genotigt sem 
die Hohe des Feldes der Hohe 
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Sketch 5: Oivision ol the grid 
fields 

Sketch 6: Grid fields matched to 
the liner. o( text 


Skizze 5 Trennung cer Raster- 
(elder 

Skizze 6 Rasterfeicer aul die 
Textzeilen aDgealimmt 


Sketcn 7: Final grid with 6 lields 
Sketcr 8: Lines ol text aligned 
with the grid fields 


S<i770 7 Deliniliver Raster mit 
6 Feldem 

Skizze 8: Textzeilen almieren mit 
don Ra&terleldem 















mako IhO fiolds .I litllo larger or 
smailor. 

Figs. 5/6 

The fields planned lor ihe pic- 
tures. drawings, photos, etc aro 
still placed one over the other 
and dividec only by a line These 
must bo separated so that they 
do not touch each other. 

The pictures are spaced by one 
or more omply lines. II there are, 
say. two holds one above Ihe 
other in a text column and we 
soparato Ihem with an empty 
line, wo then havo in a text 
column ihe numbor ol lines which 
can be accommodated in both 
lields plus the lines we have 
introduced as empty lines 


In the case ol three holds wo 
need 2 spaces i. e. 2 omnty lines, 
in Ihe case of tour fields 3 
empty lines, etc 
Figs 7.0 

The grid with 6 fields in Fig 7 is 
matched to a tyoe area with 26 
lines. In Fig. 8 the upper and 
lower bounding lines ol the grid 
( elds each align wiiti o line ol 
text 


emor best' mm ton Anzahl Text- 
2e> en anzupassen Erw<rdd>e 
Felder «Twas vergrossem odor 
verkieinern mussen 
Abb. 5« 

Die Felder, die fur Abbiklnngen. 
Zeichnungen. Folografien usw 
gopiant smd. liegen roch iiber- 
emandc* nur dwrch eine Linie 
getrennt. Die gilt cs. dan l sich 
d<e Abbitdungen nicht Oeruhrcn. 
ausoinander zu halter 
DiO Folder werden durch eine 
Leerzorlo. Odor durch mehrere. 
getrennt Warm in cinor Satzspalte 
z. B zwei Felder Ubcreinandcr 
egen. und wtr hennen sio n t 
e.rer Leerze le dann hafccn wir 
in einerTextspa tee “eDestimrrtc 


Anzahl Zeilen, die In bcldcn Fol- 
dern untergeDracht werden kon- 
ncn. plus der Zeile die wir fur die 
Loorzeile eingsbaut haben 
Bei 3 Feldem benotigon wir fur 
2 Abstande 2 Lecrzei on. bei 
& Foldorn sind es 3 Leerzcilen 
usw. 

Abb. 7-8 

Der Raster mi* 6 Feldem in der 
Abb. 7 ist atgest mmt aul einen 
Sotzspiegel mit 26 Zeilen In der 
Abb 8 ahnioren jeweits die obere 
und o«e urtere Bogronzungs'inie 
der Ra sterlet der mil |o oiner 
Texlzeile 





Construction of the grid 


Konsiruktion des Rasters 


Grid with 8 holds, each having 1 

1 1 no tor the captions 


Raster mil 8 r c idcrn mil jc t Zcile 
fur the Bitciegenccit 


Gnd with 8 hclds. each having 3 
lines tof the captions 


Anteil der reinenTypogrj 
zweiten zu der Gruppe v< 
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Art und Anlage vor all der 
Gestaitung und kommen 





10 


Figs. 9 tO 

If the picture grid is to be used 
solely for placing pictures with 
corresponding captions the 
problem is comparatively easy 
to solve. Depending on the 
number of pictures to be accom- 
modated on one page, vertical 
distances must be greater than 
the horizontal because the 
captions have to be titled in 
under the pictures 
Needless to say. the captions 
can also be placed at the bottom 
of the page o* wherever s 
conven ent. 

The task becomes considerably 
more difficult and time-consum- 
ing II 0 picture grid has to be 


lOund wh ch must be matched 
to the type area, possibly with 
a variety of type sizes 
If the p cture grid coincides w th 
the type area at all po<nts. ihen 
the upper and tho lower ©dg© 
of tho pictures will always be 
aligned with the lines of text, 
that is to say. every picture, 
irrespective of size, will have its 
upper and lower edges fitting 
in exactly with lines Ol any adja- 
cent text there may be The lines 
and the depth of the pictures 
should be adjusted to each other. 
Jus* as the depth of the pictures 
has to bead ; ustcd to the nes so 
the width ol the pictures must 
match that ot the columns ol 


Abb 9 10 

Wenn dor Biidraslor nur 10 ' die 
Piazierung von AbbilCungen mit 
entsprochendcr legenden zu 
linden isl stdlt SiCh das Problem 
•oiativ omfach car. Je rach 
Anzahi de' Biider. die auf einor 
$e te Lrte*zubrir.gen s nd. 
wercer vertikale Kotonncn auf- 
gezeichnet. die horizontal unler- 
teilt urd auf Abstond zueinander 
gesto tt werden. Die vertikaten 
AbStande mussen grosser als die 
horizontalen se n. damit urter die 
Abbildungen Legenden plaziert 
werden konnen 

Die Legenden konnen nalutlich 
auch zusammon am Schluss der 
Seite odor an ugend erne pas- 


Rasler mit 8 Feldern mit je 
3 Zeiien fur die Bildlogonden 



sende Stelle gesetzt werden. 
Wenn de' Bildraster mit dem 
Satzsp egel in alien Punkten 
ubere rstimmt. darn werden der 
obere und dor untere Rand der 
Abbildungen immor mit Textlinien 
a'iniert se r Das heisst, jodu 
APbildung. ob kle»n odor gross, 
wird. falls Text daneben stcht, 
mit der oberen und auch mit der 
untcron Kanto genau auf sine 
Zoilo ausgcrichtot scin Der 
Zeilen'ah und die Hoho dor 
Abbi dungen sollen au'emondor 
abgestimmt we'den. 

Wie die Hbho dur Biider auf die 
ZC'Icn abgestimmt wird. muss 
d c Breite der Biider mit der 
Breite der Textspalten uberein- 
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Satzspiegel mil S3 Zeilen. uoae- 

Typo area wllh 53 lines, marched stimmt auf e.nen Raster mil 

TO a grid with 18 liolds 18 Foidorn Grid with 18 fields Raster init 10 Feldern 



i 
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lext. Care must be taken that the nnes in one column would not 

longlh ol Iho linea is normal and correspond will) that in the 

corresponds lo the size ol type other 

chosen. This means thotthoro Figs 12 

should be about 7 words on Iho columns ol text in Fig l are 

a line. At the same timo howover, matched to a grid with 18 liolds. 

the lines should have a width Fig 2 The text is set lo run rag- 

which is suitable for the ged. I o with not fully ended 

Illustrations. lines, with equal spacing between 

Thus, in settling on tho picture fhe words and lew word divisions 

grid, both the text columns and 

the pictures must be taken into 

consideration. 

Depending on the size ol the 
captions, the vertical d stance 
between picluros will be 1. 2 3 
or more empty lines. Only whole 
empty lines (novor halves) are 
used or else the depth o' the 


st.mr-.en Oabei soil bcachtet nur ganzo Loorze len verwundet 

werden. dess d e Zeden cine werden. sons! verschiebcn sich 

norm ale Lange, entsprochond die ZeilonhOhon der einen Text- 
flom gewah ten Schnltgrad, spaile im Vorhaitn.3 zur ondoron. 

haben. Das bedoutot. dassunge- Abb. 1/2 

lahr 7 Worte auf einer Zeilc Die Textspalten in dor Abb 1 slnd 

steher konnen Zugleich aber aul einen Raster mil 18 Feldern. 

so' d e Zeilenbrcito auch eine Abb. 2. abgestimmt Dor Text ist 
belriedigende Breilo fur die im Flallorsatz abgcsolzt. d. h. m:t 

Abbddurgen haben. Ireiauslaufenden Zeilon. mit 

Bei der Festlegung des Bild- gleichmfls&igon Wortabstandon 

rasters muss also auf d e Satz- und wenigen Wortlrennungon 
spallen. wne aul die B Ider, 
geachtet werden. 

Der vertikale Abstand zwischen 
den Abbildungen wird je nach 
Umfang der Legenden 1 . 2. 3 Oder 
mehr Leerzeilcn sein. Es solten 
ke.-e halben Lecrzcilen. sondern 
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Grid with 18 fields and 53 lines of 
lex! 


Raster mil 18 Feldem imd 53 
Textzeilen 


Oetaii der neaenstehendon Dar 
s'.ellung 


Detail of me acjacenl diagram 


erSicht ung gegeniibersieht.wird 
Trennung versuchen und das Ma 


zu derGruppe von Druckerzeugj 
nTypographische gering, ja sein 
sgesprochen sekundarerBedeu 
pe der reinen Typography umsc 
ie in ihrer Gesamtkonzeption au; 


gesproch* 


mzwei 


ruppen aerijestaitung i 
Trennung versuchen unddasnac 


ie in inrenjesamtkonzeption au 


e aer reinen i vpograpme umsc 


Figs. 3/4 

The horizontal lines enclosing Ihe 
grid holds have been continued 
boyond Iho typo columns !o show 
how iho linos ol text must align 
with ihe fields. The lop edge of 
the picture should bo on Iho 
same horizontal line as the lop 
of the capitals The lower edge 
Of the picture, however, must be 
on the same horizontal line as 
the descenders of ihe small 
letters. 

The type a*ea with 2 columns is 
designed in 10-pt. med.um sans 
serif with 3 pf loading lo run 
ragged The lengm of ihe col- 
umns is agreeably proporfioned 
to the size of the typeface The 


emu angenohmo Lange. Dor 
Zoiien-Durchschuss ist goniigond 
gross, um don Toxl muholos 
loson zu konnon, 

D o So ton-R.lndor Sind unlor- 
schlodhch gross, damil die Sel- 
tengestaltung spannungsvoller 
wird. 

Die rofen Limen bezeichnen den 
Siidraster mit total 18 Feldern. 

Zw schen don Rastorloldorn isl 
jewciis 1 Zcilo Durchschuss. ols 
Leerraum odor lur Legenden zu 
den Abbildungen zu benutzen. 


leading is sufficiently largo to 
make tho text ploasant lo road. 
The typo area fills tho pago lo 
tho maximum Tno margins of the 
owe are of a fferent sizes so 
as to bring tension into the 
design. 

The red lines -ark the picture 
grid with a total of 16 fields. 
Seiwccn the grid f<cios there is 
always 1 me of leading which 
is left as empty space or used 
for captions to Ihe illustrations. 


Abb 3/4 

Die hotizonfalen Abschlusslinion 
dor Rasterloldor sind ubor dm 
Satzspalton hinwog gofuhrt wor- 
dcn. um doullich zu machcn. auf 
welche V.'oise die Zeilen mit den 
Feldern ahnieren rrussen. Die 
obere BikJbegrenzung sail mil 
dem Kocf Cer Versalbuchstaben 
auf derselben horizonlalen Llnic 
sein. Die unlcrc Bildbegrcnzung 
aber muss mil den Ur.teriangen 
der Klembuchsfaben auf der 
gleichen Horizonlalen liegen. 

Der Satzsp eqel mil 2 Spallen 
st mit der Grolesk 10 Pt. normal 
und 3 Pt. Durchschuss tin Flatlet 
salz gestaltet Die Spallon ha ben 
Renton zur Schriftgrad-GrOSSO 
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7 pl.. 10 -pt. and 20 -pt. typefaces 7PL-. 10 -Pt - und 20 -Pt -Schrifi 

ln ,he 9 ,ld im Raster 
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Wer sicFT der Fulle von Di 
n all erArtb ei einer Sichti 
eht,wird notwendig eine 
g versuchen und das Js/lat 
unterteilen. Wir untersc he 
Art und An lage vor allem 
er Gestaltung und komm 
zu dem Anteil der reinen 
d zum zweiten zu der Grt 
rzeugnissen, bei denen c 
phische gering. ja seinerr 
on ausgesprochen sekur 
g ist. Die erstere Gruppe 
ihrer Gesamtkonzeption 
chen Mitteln erstellt sind, 
Wer sich der Fulle von Di 
n aller Art bei einer Sichti 
ehtwird notwendig eine 
g versuchen und das Mai 
unterteilen Wir untersche 
Art und Anlage vor allem 
er Gestaltung und komm 
zu dem Anteil der reinen 
d zum zweiten zu der Grt 
rzeugnissen, bei denen c 
phisdie gering. ja seinerr 


Fig. 5 

Tho illustration shows 3 columns 
wllh type of different si2es and 
a fourth column with horizontal 
rulinn. 

In the first column thero is a 
7-pt type with 1-pl leading. 

In Iho second column there >3 a 
10-pt type with 2-pt leading. 

In tho third column there i3 a 
20-pt. type with 4-pt leading 
The red horizontal Imos divide 
the iinos in groups. The group 
ot 7-pt. typo has three I nes, tho 
10-pt. two lines, and the 20-pt. 
one lino. 

The red lines arc 24 points apart. 
This distance corresponds to 
3 lines of 7-pt type separated 


by 1-pl. leading _ 24 points. Or 
2 linos of 10-pt type separated 
by 2-pt loading = 24 po nts. 
and also one line of 20-pt type 
with 4-pt. leading 
New rt a picture of the same 
width as a column of text with a 
depth running for oxampio. from 
the first red line to the seventh 
red Imo is placed in one of the 
three text columns both the 
upper edge of the picture and 
the lower edge would align with 
Iho lines, i e be level w-th them. 
If. under this picture, wc place 
a second of the same Size 
out arrange the pictures so that 
they are not in direct contact 
Out have a space in between 


Abb 5 

D o Oar stel lung zeigt 3 Spalten 
m t vcschiodon grossen Schrift- 
graden und eu»e vierte Spalte 
mit horizontalor Lmeatur. 

In der erston Spalto ist eine 
7-PunM-Schnft rmt 1 Purkl 
Ourchschuss. 

In der zweiten Spalto ist o-no 
10-Punkt-Schrift m.t 2 Punkt 
Durchschuss. 

In der dritlcn Soalte ist eine 
20-Punkt-Schritl mil 4 Punkt 
Durchschuss. 

Di© roten horizontalon Linien 
unterteilen die Zeilen mGruppen. 
D C Gruppe Cer 7-Punkt-Schnft 
hat drei Zeilen. die 10 Punkt zwoi 
und d o 20 Punkt erne Zeile 


Von der roten Llnio zur nachaten 
roten Linie hetragt dor Abstand 
24 Punkt. Dieser Abstand ont- 
SPricht drei Zeilen mil 7-Punkl- 
Schrill plus je einem 1-Punkt- 
Durchschuss ~ 24 Punkt. Odor 
zwe< Zeilen der 10-Punkt-Schrifl 
mit 2-Punkt-Durchschuss 
24 Pun<t und cbonso eine- Zeilo 
der 20-Punkt-Schrift mit 4 Punkt 
Durchschuss. 

Wurde nun eine Abbildung mit 
der Oroito einor TextspaMo und 
einer HOho. die z. B. von der 
ersten rcten Linie bis zur s ebcn- 
ten roten Linie reichen wurde, 
in eine Cer drei Tcxtspalten ge- 
setzt. dann wurde sowohl die 
obere Karte der Abbildung als 


Construction of the grid 


Konstruktion dcs Rasters 


Division o» the typo urea into grid Unterleilung des Satzspiegels in 
fields of equal Size RastcrteWer gloicher Grosso 
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corresponding to the distance 
trom one red line to the next, 
then the tipper and lower edges 
of this picture will also align 
with the lines of text. I. o. DC at 
the same level. 

Figs 0.7 

Tho type aroa of 53 lines can be 
dveed either into 9 fields ot 5 
lines, with I line of white {leading) 
between the fields, or into 6 
fields ol 8 lines, with 1 blank lino 
between Iho holds 
As already explained, the blank 
lino between tne fields serves 
to koop the illustrations apart but 
also, if required, to provide 
space lor capt ons or symbols. 
The number o' the lines deter- 


mines Iho number ot subdiws on$ 
into fields A type area with e g 
59 lines can he divided in 5 dif- 
ferent ways: 
a 

into 12 fields of 4 lines with 
f blank line between, 
b 

tnlo 10 fields of 5 lines with 
1 blank ime betwreen. 
c 

into 6 fielcs ol 9 lines with 
1 blank line between, 
d 

into 5 fields of 1 1 lines with 
I blank line between, or 
e 

into 4 fields of 14 lines with 
t blank lire between. 


D vision of the type area into 9 
and 6 grid fields 


auch dio urtoro Kanto mil don 
Zciien ai nioron. also auf gloicher 
M6ne stehen Wenn wir nun unter 
diese Abb ldung noch eine zwe te 
von der gleichen Grosse darunter 
stellen. aoer nicht direkt B id an 
Bild schliessen. sondern einen 
Absland einschieben. der dem 
Abstand von einer rolon Linie 
zur nachstcn cntspricM. dunn 
wird auch dieses Biid m t der 
oberen und unteren Kante wieder 
mit den Textzeilen alinieren. d h. 
aul gleicher Hohe stehen 
Abb 6.7 

Der Satzspiegel mit 53 Zeilen 
lass! »ch entwedor in 9 Felder 
zu SZcilcn. mil jc emor Blmdzcilo 
Durchschuss zw-ischcn don Fol- 


Unleileilung des Satzsp'cgols in 
9 und 6 Rasierfelder 


dern. unterteilcn odor in 6 Feldor 
zu 8 Zeilen. mil |c oinor Blmdzoita 
Durchschuss zwischon don 
Feldorn. 

Dio Blindzoilo zwischon don Fol- 
dorn 1 st. w <0 boroils erwdhnt, 
notwondig. urn dlo Abblldungon 
auseinanderzuhalten. aber auch 
um eventuell Legenden Oder 
Zeichen aufnehmen zu konnen. 
Die Anzahl Zeilen beeinflusst die 
Anzahl der Unlorloilungon in 
Felder 

Ein Satzspiegel mitz.B 69 Zeilen 
lusst sich aul lurif untorschied- 
licho Alien tcilon: 
a 

in 12 Felder zu 4 Zeilen, 
cazwischen je I Leerzeile, 
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Construction of the grid 


Konstruktion des Rasters 


Satzspiegel und Raster ml 
Type area and grid with 30 fields 36 Feldom 


Grid with 36 fields 


Raster mit 36 feidcrn 




FiQ.B 

Tho examples in Fig3 l 3 were 
designed with 2 text or picture 
columns. The above grid was 
made into 4 columns by the 
bisection of 2 columns. The grid 
can be used bofn lor a 2-column 
and also for a 4-column layout. 


Fig. 9 

The heavy red line marks the 
space which is available m 
examples tO 13 lor text and illus- 
traliors The tree spaco at the top 
is intenced for d. splay laces 
The page number is placed below 
and at the beginning of the 2nd 
column of type with 2 lines of 
leading. 


b 

in 10 Folder zu 5 Zeilen. 
dazwischon ic 1 Loorzoile. 
c 

m 6 Felder ?u9Zoilon. 
dazw senen Je 1 Leerzeilo. 
d 

in 5 Felder 2u If Zeilen. 
dazw schen (e 1 Leerreile. 

c 

m 4 Felder zu 14 Zeifen. 
darw-ischen ie ’ Lcorzeilo. 


Abb. 9 

Die dickere rote L-me bezeichnel 
den Raum der in den lolgenden 
Beispielen 10 13 fur Text und 
Abbildurgcn zur Verfugung slehl 
Dcr oboro froie Raum isl fur 
Titcischriftcn voigosohon. 

Die Pagina «si m«i 2 Zo ten Durch- 
schuss unterbalb und an don 
Arfang cer 2. Textspalte plazlert 


Abb 8 

Dio Be spiele Abb t bs 3 waren 
mil 2 Text-, resp Bildspattcn. 
konzipiert. Der obige Raster 
wlrd durch Halb erung von 2 aut 
4 Spjltcn gebrachl 




Construction of the grid 


Konstruktion des Rasters 


Title and text In 2 type sizes in 
the grid 


Xitel und Tex! in zwei Schrifl- 
graden im Raster 


Type area with picture grid 


Tex: und Bilder im Raster 


Research and Development 
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Fig. 10 

The display tace and the two text 
columns are in the grid network. 
The empty white space between 
the title and tho text columns 
emphasizos tho importance of 
the title becauao t creates the 
Impression of a rest zone 


Fig. 11 

The arrangement of pictures or>o 
over the other or side by s*dc 
with nothing in between to 
separate them is warranted only 
where the designer wants the 
individual illustration to create a 
certain atmosphere in its inter- 
play with the others and not 
stand out as a picture in its own 
right. 


11 

Abb. to 

Die Titelschritt und cm beiden 
Texfspalten sind im Rasternetz. 
Der Ireie. weisse Raum zwischen 
Xitel und den Textspalten ver- 
stflrk! die Sedeutung des Titels, 
da ©r d»c Wirkung einor Ruhe- 
zonc hat. 


Abb. 11 

Abbildurgen und Toxto smd in 
diason Beispielen frel und ohno 
Irgend cine Beziehung zuolnan- 
dcr. Sic haben nur dem Zwecko 
zii dicncn. die Anwendung und 
die optiSCho Wirkung des Rasteis 
fur die Organisation von Text- 
und Bdd-lnformationcn zu 
demonstrieren Der Loser mdge 
sich nur an das Prinzip der Go- 
Staltung rnit dem Raster halten. 


Construction of the grid 


Photographs loxi and captions 
•n mo grid 
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Fig. 12 

Pictures and captions natch the 
grid Through contrasts of S«Z0 
between the pictuies and 
between picture and text same 
interesting tensions can be 
created. 

the captions align vertically w th 
the illustrations 
With a page design of this kind 
good illustration on a generous 
scale is a necessary adjunct. The 
pictures must dominate the 

imprinted white space In such a 
way as to activate it optically 
Otherwise the page would look 
tedious and dull 


Konstruktion des Rasters 


Bild. Text unc Legendo im 
Raster 


Title, pictures and captions n 
the grid 


T te Bild und Legende im Raster 


Customer Support Effort 
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13 


Fig 13 

Within me grid very simple 
solutions may be the right ones, 
depending on the problem to 
te answered In this exBmpie the 
primary concern is to show the 
relationship of the gnd to the 
picture and text in tho simplest 
way 

A simple comb nation of large 
pictures w tn smaller upright, 
suuare and oblong pictures may 
be Sufficient to create a lively 
impression providing text and 
pictures arc themselves vivid and 
informative 


Abb 12 

Odder und Lcgonden stimmen 
mil dem Rosier utorein. Durch 
Grossenkontrastc zwischen dun 
Bddern und zwischen Bild und 
Sennit konnen spannungsvoilc 
Pesuttafe erziett werden 
Die legonden alniieren in det 
Vorlikalen mil den Abb. dunoen. 
Be> emet solchcn Sctvngsstal- 
:ung ist nine gulo. grosszjgige 
Aobildung sine notwendigo Vor- 
ausselzang Die Abb idjng nat 
den nicttbedruckter weissen 
Raum so i j doimnierer dass er 
ihnoptisch zu aktivieren vermag. 
Andernlalls wurdo die Seite lang- 
wedig und kr.di os erscheinen 


Aba 13 

Innerhala des Rasters kennon 
sehr eintache Losungen. je nach 
der gestellten Aufgabe richtig 
sein. Bei diesem Beispiel geht 
CS in orstor Lime durum, das 
Vethanni3 von Raster zu B id und 
Text aul die eintochste Art und 
Weise darzustellen 
DiOOintache Kombination grosser 
Abbildur.Gcn mil klemeren. boch- 
formatigen. quadratischen und 
querformaligen Bildern kann 
genugen, um einen lebendigen 
Eindruck zu vermltteln Vor3US- 
setzung st jedoch. dass B Id 
und Text lebend.g und informally 
sind 




Type and picture area with 8 grid fields Satz- und Bildspiegel mit 8 Rasterfeldern 


On the following pages examples are given of type and 
picture areas with 8. 20 and 32 grid fields for the A 4 
format (29.7 x 21 cm) on a scale of 1 :1. These examples, 
which aro given with dimensions, are intended to enable 
the roador to chock his own work. The measurements 
are given in ciccros and points Typographic measuring 
units are used tor conventional lead type and metric 
measures for film-setting 

Tho type and picture area with 8 grid fields is frequently 
used for advertising leaflets and brochures. A combi- 
nation of pictures of 8 different sizes is. in many 
instances, sufficient to present simple problems With 
n littlo imagination it is possible to produce layouts 
which aro vital and rich in contrast particularly where 
white space (unprlnted area) has been perceptively 
used as an element of design. 

Whore there are 8 fields in a grid, subdivision into 
16 fields is also possible. In our example the vertical 
division of horizontal fields would yield upright rectan- 
gular fields. Captions would then be set on the width of 
these smaller fields. 

Tho combination of 8 grid fields with 16 gives the 
designer a wide range of possibilities. 


Auf den folgcndcn Seiten werden die Satz- und Bild- 
spiegel mit 8. 20 und 32 Rasterfeldern fur das A 4-For- 
mat. 29.7 x 21 cm, im Massstab 1 :1 gezeigt. Die Beispiele, 
mit den Massangaben versehen, sollcn dom Leser 
die Nachkontrolle ermoglichen. Die Masse sind in Cicero 
und Punktcn angegeben. Beim konventionellen Bloisatz 
werden typografische Masse, beim Fotosatz das 
Metermass verwendet. 

Dor Satz- und Bildspiegel mit 8 Rasterfeldern wird 
besonders fur Prospekte und Broschuren haufig ge- 
braucht. 8 verschiedcn grosse Bildformatc kombiniert 
genugen m vielen Fallen fur die Darstellung von 
einfachen Problemen. Mit etwas Phantasie konnen 
kontrastreiche. lebendige Layouts entstchcn. besonders 
dort, wo mit feinem Geliihl der Weissraum. d. h. die 
unbedruckte Flache. als Gestaltungselement mitbenutzt 
wird. 

Dor Raster mit 8 Feldern ermoglicht die Unlerteilung in 
16 Felder. Bei unserem Beispiel wurden aus quer- 
hegenden Feldern durch die vertikale Teilung hoch- 
formatige Rechtcckfclder entstehen. Bildlegcndcn 
wurden dann auf die Brcito dioser kleinen Felder 
gesetzt. 

In der Kombination von 8 Rasterfeldern mil 16 Feldern 
Sind dem Gestalter sehr viele Moglichkeiten der 
Variation gegeben. 
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Fl05. PP 73/74 

Dimensions for typo areas and 
picture grids with 8 Holds 
If the printer is to produce 
accurate work he must havo 
exact dimensions for the typo 
area and the p'eture grid Where 
traditional printing processes 


are used, the d mensions are 
given in ciceros and points for 
in points in tho English-Ancrican 
system) whereas, if Film-setting 
is the method chosen, the 
measurements can ae given 
in cm. 


Abb. S. 7374 

Massangaben fur Sarcspiegel 
und Biidraster mit 8 Feldern 
Exakte Massangaben fur Cor 
Satzspiegel und fur den Bild- 
raslur sind fur den Drucker e re 
ureilassliche Voraussetrung fur 
erne pr«‘S tit druckende Arbeit 


Wo mit den herkommlichon 
D-'JCkvcilahfOn gcarbcitot wird. 
soiion d'C Massangaben mil 
Punktcn und Ciceros angegeben 
sew. wo Fotosat? verwendet 
wird. konnen die Massangaben 
in cm gemacht werden. 


if) Cic. 






Gestaltung und kommer 

i( 

3esamtkonzeption 




Wf»r sich der Fulle von DrucKerzeugmssen allerArt bei . 
notwondig eine slrengoTronnung versuchen und dasl 
unterschoidon dabei nach Art und Anlago vor allem zwt 
mon dabei oinmal zu dern Antoil dorreinenTypographie 
Druckorzeugnissen, bei denen das roinTypogrophische 
ausgesprochen sekundarer Bedoutung 1st. Die erstere 
schlieBt fur uns Arboiton, die in ihrerGesamtkonzoption 
slnd, gleichviol ob diese Erzeugnisse ihre Entstehung 
Seizors verdanken, streng genommen also Arbeiten. d 
Form- und Flachenolomonton, sowed sio als typographi 
baut» warden konnen. Nogativatzungcn und mohrfart 
zogen soln. Demgogenliber stoht die zweito Gruppo, 
Geslallung augenscheinllch die Hand dosGebrauchsgr 
Diose Arbeiton beziehen ihre Wirkungskraft aus dom 

i 

Gestaltung augenschoinlich die Hand desGebrauchsgr. 
pioso Arbeiton beziehen ihre Wirkungskraft aus dem 
>cher Mittel. untor denen der typographische Anteil dei 
tie Funktion der unbedingl notwondigen Textwiodorg 
ochniken soli im Rahmon dieser Zeilon nicht beruhrt v 
stellen.daB dor Antoil der roinenTypographio im Laufe c 
verforen hat, ja, daft der offenkundige Einbruch dor froiei 
ausschlieOlich dem Sotzer vorbohalten war, eino nicht 
stiirmische Aufwarlsontwicklung von Industrie und Wir 
dio Auseinandersetzung um Absatzmarkto und K&ufergt 
die dio Einboziehung immor noucr und phantasiovoller 
wenn man «im Geschaft bleibon will*. Dio aufgowendo 
maBige Worbung sind bekanntlich so lange richtiq an 
Rosonanz boim Empfangor zur Folge haben. Eino Werb 

seller MTnei, untor dorien dor typograuhischo Antoil do 
dio Funkllon der unbedingt notwondigen Textwiodorr 
tochniken soil im Rahmon dieser Zeilon nicht beruhrt i 
stellon, dab dor Anteil der roinonTypographie im Laufe c 
verloron hat, ja, daB der offenkundige Einbruch dorfroie 
ausschlioBlich dem Setzer vorbehalton war, eine nicht 
sturmischo Aufwartsontwicklung von Industrie und Wir 1 
dio Auseinandorselzung um Absatzmarkto und Kauferg 
die dio Einbeziohung immor nouor und phantasiovolle 
'wonn man «im Geschdft bleiben will*. Die autgowendr 
maliige Worbung slnd bokanntlich so lange richtig ad 
Wer sich dor Fiille von Druckorzeugnisson allerArt bei < 
notwondig eine strengeTrennung versuchen und das 4 


M or sich der hullo von Druckerzougnissen allerArt boi i 
lotwondig eine strongoTrennung versuchen und das f 
jntorschoiden dabei nach Art und Anlago vor allem zwo 
non dabei oinmal zu dem Antoil der reinonT ypographio 
Jruckorzeugnissen, bei denon das rein Typographische 
lusgesprochen sekundarer Bedoutung ist. Die orsloro ( 
chlieBt fur uns Arboiton, die in ihrerGosamtkonzeption 
ind, gleichviol ob dieso Erzeugnisse ihro Entstohung 
Seizors verdanken, streng gonommen also Arboiton, di 
r orm-und Flachonelomenten, sowoitsie als typographic 
,aut * werdon kdnnen. Ncgaliviitzungon und mehrfart 
:ogen soin. Dcmgogenubor stoht die zwoite Gruppe, 
Gestaltung augenscheinlich dio Hand desGebrauchsnr 

unterscheiden dabei nach Art und Anlage vor allem zwe 

Giese Arbeiton beziehen ihre Wirkungskraft aus dem 

men uuuui emmup zu uem Milieu uorreinen i ypographio 
Druckerzougnissen, boi denen das reinTypographischc 
ausgesprochen sekundarer Bedeutung ist. Dio erstere 
schlioBt fur unsArbeilen,dio in ihrerGesamtkonzeption 
sind, gloichviel ob diose Erzeugnisse ihre Entstehunf 
Sctzers vordanken, strong genommen also Arbeiten, d 
Form- und Flachenelementen, soweitsie alstypograph 
baut*» werden konnen. Negativatzungen und mohrfarl 
zogen sein. Demgegonuber steht die zweite Gruppe, 
Gestaltung augonscheinlich die Hand desGebrauchsgr 
Dieso Arbeiten beziehen ihre Wirkungskraft aus dem 
scher Mittef, unter denen der typographische Anteil de 
die Funktion der unbedingt notwondigen Textwiedero 


cner Mittel, unler denen der typographische Antoil do 
he Funktion der unbedingt notwendigon Toxtwiederg 
echniken soil im Rahmen diosorZeilen nicht boriihrt \ 
itellon, daB der Anteil der reinenTypographie im Laufe c 
’erloren hat, ja, dafl der offonkund igo Einbruch der froio 
lUsschiicBlich dom Setzer vorbehalten war, eine nicht 
turmische Aufwartsentwicklung von Industrie und Win 
lie Auseinandersetzung um Absatzmarkto und Kaufergc 
lie dio Einbeziohung immer neuer und phantasievollor 
echniken soil im Rahmen dieser Zeilon nicht beriihrt ' 
tellen, daB der Anteil der roinonTypographie im Laufe c 
erloren hat, ja. daB der offenkundige Einbruch derfreio 
lUsschiicBlich dem Setzer vorbehalton war, eine nicht 


Typo and picture area with 8 grid fields 


Salz- und Bildspiegel mit 8 Rasterfeldern 


Formats ol 8 different sizes 
available In ihe B-field grid 


Sverschieocn grosso Bildfovnate 
<m Raster mil 3 Feldcrn 



In many cases a page wllh 8 grid 
lialds 13 sufficient lo allow 
illustrations of various sizes to 
bo accommodated. There are 
tour narrow upright arc four 
wide formats. Depending on the 
| 0 b, the designer can assemble 
on tho same oago pictures ot 
various sizes with or without 
combining them with le*t. Or 
ho con produce a very varied 
layout with formats of equal 
sizes. Even with only 3 grid holds 
thoro is a risk that, unless the 
designor disciplines himself in 
his use of di'ferent picture 
sizes, the final ef'ect will be 
restless. 

Even n the simplest solutions 


the designer needs n good 3enso 
ot composition and a looting 
for tho rhythmic sequence O' 
p c turns and loxt Fno grid 
system places m tho hands ot tho 
designer no more and no less 
than a se'vrcenble instrument 
which makes it possible to 
crea’e interesting. contrasting 
and dynamic arrangements of 
pictures and text but which Is 
in Itself no guarantee ol 
success. 

The fields which are here marked 
in red for illustrations C3n of 
course bo filled with drawings, 
photographs, statistics, illus- 
trations or colour areas. 


E-no Soilo mil 3 Rastorfoldoin 
biotet fur vtele FAlie ausreichende 
Meg iChko-ton. um Abb Id ungen 
urterschiedllohor Grdsson unlor- 
zubr-rgeo. Esslnd vorschmal- 
lajfende. hochgestellto und vier 
breite Fo'mate je nach Autgane 
kann dor Gesta te' auf derseiben 
Sc to verseniodon grosse Bilder. 
mil ocer ohne TexlKombination, 
zusammenstellen eder mil 
gle.ch crossen Formaton ein 
wechselvolles Layout erzielen. 
Boroils h cr. md 3 Raslorfeldern, 
oesteht dio Golahr. dass bai man- 
gelnder Disziplm dos Gcstallors 
in cer Ve’wendung ccr verschio- 
cecen Bilcgrpsseo e nezu un- 
ruhige W rfcung entstehen Karn. 


Dor Goslallor bonOligl bol don 
oinfachoton Ldsungf.vorsuchen 
e-n gules Kompos tlonsgefuhl. 
ein GefOhl aurh fur Cen rhyth- 
m schen AbMuf der Bilder und 
To*!®. Wer sich des Raster- 
systems bedieni, hat nichl mehr 
und nicht weniger a^3 ein guloa, 
brauchbares Instrument in dor 
Hand, das oino ntoros3anto, 
konzentrierle und r,pannungr.volle 
BilD-TextEnordnung armdglicht. 
abet nichl garantiort. 

Dio Feldor. dio h>or fOr Abblldun- 
gen rot marklert slnd, k'innon 
natiirllch mit Zeichnungen, 
Fotogral'on. Statiatikon. Iliustrn- 
tlonon ocer FarbfMchen gefiillt 
sein. 







Type and picture area with 20 grid fields Satz- und Bildspiegel mit 20 Rasterfeldern 


Taking a type and picture area with 20 grid fields as an 
example, I have tried by means of 42 possible solutions 
to convey some idea of the enormous scope open to the 
designer. Anyone who, encouraged by these exorcises, 
ventures to try out other solutions in sketches will 
soon find that the field for creativity is virtually 
unlimited. 

The ideas shown here do not refer to any specific 
design; the texts are blank material, the illustrations 
compiled freely with no connecting link whatever. 

What these samples are intended to convey is the 
impression that an optically satisfactory interplay of 
titles, text, illustrations and captions can create. The 
roador should be able to sec at a glance the priorities 
allotted to the various items of information, i e his eye 
should be automatically guided by the special placing 
and accentuation of the text and picture elements. 

At the same time, howevor, the following pages show 
how much imagination the designer may be expected to 
display. 

In actual fact a comparatively small number of grid 
fields is usually all that is needed to produce a very 
substantial number of good solutions 
The difficulties arise when the designer has to find for 
page after page of printed matter a varied sequence 
of text and pictures ombodying a diversity of subjects 
and pictures of all kinds, in colour and black-and-white, 
such that it will stimulate interest, fit logically into the 
typographic layout, and at the same time be 
aesthetically pleasing. 


Am Beispiel eines Sat7- und Bildspiegels mit 20 Raster- 
feldern versuchte ich mit 42 Losungsmoglichkeiten 
eine Vorstellung davon zu vermittoln. wie reich die Full© 
der gestalterischen Losungen sein kann. Wer sich, 
crmutigt durch diese Ubungen. an die Skizzierung von 
weiteren Vorschlagen wagt, wird bald feststcllen 
konnon. wie unabsehbar weit das Feld der Kreativitat 
sem kann 

Die hier prasentierten Ideen stellen koine konkreten 
Aufgabenstellungcn dar. die Text© sind Blindsatz, die 
Abbildungen frei zusammongestellt und habon 
unlcrcinander kemerlei Boziehung. 

Was diese Proben vermitteln konnen. ist der Eindruck 
dcs optisch guten Zusammenspiels von Titel. Text. 
Abbildungen und Legenden Die Informations-Pnoritaten 
sol Ion vom Leser muhclos verstanden werden kbnnon, 
d. h . sein Auge sollte durch die besondere Plazierung 
und Akzentuiorung der Text- und Bildelemente 
automatisch getuhrt werden. Die tolgenden Seiten 
illustrieren aber auch. wicviel Phantasic vom Gestalter 
erwartet werden kann. 

In der Tat genugen in der Rcgel relativ wenige Raster- 
felder. um eine erhebliche Zahl gutor Losungen 
erreichen zu konnen. 

Dio Schwiengkeiten bestehen dort. wo der Designer 

Seite fur Seito einer Drucksache mit wechselndcn 

Themen und unterschiedlichsten Bildern. farbigen und 76 

schwarz-weissen. cine abwechslungsreiche Text- 

Bildlofge finden soli, die interessant, logisch in der 

typografischen Anordnung und ebenso asthetisch zu 

sein hat. 




Figs pp 77/78 

Dimensions for type areas and 
picture grids w *n 20 fields 

Like the example with 8 fields, 
the picture grid with 20 fields 
should also be provided with 
exact dimensions. In this way the 
designer will avoid unclear 


points in his own work and also 
in his dealings wilh the prmler. 
Compared wth the type area 
with 8 grids, tho 20-field version 
enormously extends tho scope 
for variations 


Aoa S 77 78 

Massangaocn lur Satzspiegel 
und Bildraster mit 20 Feidern. 

Der Bildraster mit 20 Feicorn 
soli wie im Beispiel mit 8 Fet- 
dern mil genauen Massangaben 
vorsehen sem. Damit erspait sich 
der Desgner Unkiarheiten in der 
eigener Arbeit aber auch ^m 


Verkchr mil cem Dicker Der 
Salrsp egel mit 20 Raslcrleldern 
erweiteit yegenuber dem Satz- 
spiegel mil 8 Rasterleldem die 
Var alionsmpglichkeiten mil Text 
und Bild enorm. 
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Art und Anlage vor allem zwei Grupper 



enrtung versuchen und das N 
Art jnd Anlage vor allom zwo! 
Ant til derrainonTypographie 


Wer sich der Killo von DfpcRifrzeugriissen aller Art be? 
lot wend ig eine strengeT 
jntorscheiden dabei nacf 
lien dabei oinmal zu dern 

Druckerzeugnissen, bei d ne das reinTypographische 
nisgesprocheri sakundar t r B ideutung ist. Die orstere C 
chlleftt fur tins Arboiten, aie iiji ihrerGesamtkonzeption j 
ind, gloichviel ob diese Erziiignisse ihre Entstehung 
Sotzers vordanken, strong genommen also Arbeiten. d 
Form- und Fl&chenelementen soweit sie als typographi 
aut» werden konnen. Nigativatzungon und mehrf arb 
-ogon sein. Derngegentitjer steht die zwoite Gruppe, 
ieslallung augenschoinllch die Hand desGebrauchsg 
tiesa Arbeiten boziohon ihre Wirkungskraft aus dem 
ichor Mittol, unter denen der typographiscbe Anteil de 
lio Funktlon der unbediilgl notwendigen Textwiodorgl 
techniken soil Im Rah men diiserZeilen nicht boriihrt v 
itellon, doO dor Anteil der rein in T ypographio im Laufe d 
rerloren hat, ja, daB der of artk undige Einbruch der freiet 
usschllefllich dern Seize r vqrbohaltcn war, eine nicht 
ttfrinische Aufwdrtsontw ckli ng von Industrie und Wirt 
eAusoinandersotzungu nA >satzmarkte undKauferge 
tie dio Einbezie hung Imrjier Aeuor und p h antas ievollen 
venn man «im Geschiifl bloitjen will*. Die aufgewendet 
fifiBIgo Worbung slmT bflkarJntlich so lange richtig an| 
Resonanz boim Empffingi r ziir Folgo haben. Eine Werb 
lingungen, die z. B. typog nphisch nur elnfarbig, also sc 
ingewdhnlich phantasievDll sein, urn das Intoresse dei 
edom Fallo schon bei der Verwondung einer zweiten Far 
Wer sich der Fiille von Dr ckt rzougnissen aller Art bei t 
lotwendig eine strengeT enriung versuchen und dasN 
jnterscheiden dabei nacl Art und Anlage vor nllem zwel 
lien dabei einmal zu dem Anteil der reinenT ypographie i 
Druckerzeugnissen, beidineij das reinTypographische 
Kisgesprochon sekun darOr Bfedoutung ist . Die erstere G 
pchlleBt fflr uns Arbeiten, c|io in ihrerGesamtkonzeption i 

rzeugnisse ihre Enfslehungj 
geliommen also Arboiten. di 
tenj soweit sic als typographi: 
tivatzungen und mehrfarb 
rogen sein. Demgegenuber steht die zweite Gruppe. c 
Sestaltung augonscheinlich die Hand desGebrauchsgr; 
Diese Arbeiten beziehen ihre Wirkungskraft aus dem 
Jcher Mittel, unter denen der tyoographische Anteil de 
lio Funktion dor unbedingt notwendigen Textwiedorg 
ochniken soil im Rahmeili diiserZeilen nicht beriihrtv 


jndige Einbruch der froiei 


erloren hat, ja, dafl der offenk 

usschlieBlich dem Setzof vo behalten war, eine nicht 
turmische Aufwartsentwicklii ig von Industrie und Wirt 
dieAuseinandersetzung urn Absatzmarkte und Kauforge 
die die Einbeziehung immer neuer und phantasiovoller 
wenn man «im Geschiift bloibon will®. Die aufgewende 
naflige Werbung sind bekanntlich so lange richtig an 
Kosonanz boim Empfanger zur Folge haben. Eine Werbi 
dingungen, dio z. B. typographisch nur einfarbig, also sc 
Wer sich der Fullo von DrtickGrzeugnissen aller Art bol e 
notwondig eine strange Irennung versuchen und das h 
unterscll3den 3S3 SScIV Art und Anlage vor allem zwe 
’men dabei oinmal zu dem Anteil der reinenTypographio 
Druckerzeugnissen, bei denerj das reinTypographische 
ausgesprochen sekundarer Bedoutung ist. Die erstere 
schlieBt fur unsArbeiton.die In IhrerGesamtkonzeption 
sind, gloichviel ob diese Erztjugnisse Ihro Entstehung 
Sotzers verdanken, strong geliommon also Arbeiten, di 
f orm- und Flachcnclomorjten, soweit sie als typographi! 
baut*» werden konnen. Negativ&tzungen und metirfarl: 
zogen sein. Demgegenuber steht die zwoite Gruppe, < 
Gestaltung augenschoinlibh dio Hand desGebrauchsgri 
Diese Arbeite n beziehen Ihre Wirkung skraft aus dam 
scher Mittel, unter denen Ider lypographischo Anteil de 
dio Funktlon der unbedirjgt ijotwenaigen I extwiedeTQ 
echnikon soli im Ralimep di 
stelien.daB dor Anteil der 


vertoren hat, ja.daB der of 
ausschlieSlich dem Sot 
stiirmische Aufwiirtscnt 


en 



rZellen nicht beruhrt 
nTypographlo im Laufo 
ndige Einbruch derfroie 
behalten war, eine nicht 
kiting von Industrie und Wirt 
die Ausoinandorsetzung ubi Absatzmarkte und KSufergc 
die dio Einbeziehung Immer r»euer und phantasiovoller 
wenn man «<im Geschaft bloibon will*. Die aufgewende 
maBigo Worbung sind bekanptlich so lange richtig an 
Resonanz beim Empfanger . n Folge haben . EinoWerb 


smcJ, gleichviel ob diese 
Sotzers verdanken, strem 
r orm- und Fliichenelemer 
)aut» werden konnen. Ni 


>telle n,dafl der Anteil der feinpn T ypographie im Laufe i 


nissim bei doimi 'In toin lyar-g-a 
c/stc«*i G'appe der i eine ^ 7vpsgr»p 
■Idll 9'«i*v el ob d'CM 

jrrnr-rcn » A-fre (on. dia uni 
.'a*S<i*l tori' anden six!, .got' *vl" 
>»<agngci m b«r »lc>br d.« /«**ile G- 
:rautli;g’jfil>Vcia - 4 nd frcicn Kum 
IrMoi 0 -K)*'«»5Aer MiMel. un’gr dt-.J 
i«.t)e<J.rv|S eWwoodlgcn Tutwledai 
w-ree'. Die bl us fusJtdisi lost 
Yf'j'tn hal. ja. d»« dor of'anvmdt 
bciiallcn yr»r. oinc ritH •recm’cjg 
'ot r»i| *|th oeh-nrhi. dal d.s 
fc nbenohung inir?- j'3 

bie Kfigewcadetea r maniie!:on Mi 

Sf ltn 


*r rmnwr-TysoTimi^ro-una 
s onrinq, Ja tcincm UmlBno r»ib v 
•rilleAt liit u*ia Arboilnn, dia in Ihi 
Itso ihra Lnl’.lnliiing dnr SUU/u i 
•nduio v.ir Sd imir*. For.n- t.nd I 
kOnner Nega'ivlttungen und mch 
deten Matpta.ji’tl in dai fonna et 
9tr»t. Oiettf Alto Ion bedahon il 
r lyF jg'apHitho Anlall donkbor n 
are toll!. Do Wtthl dor Ofuckledinl 
IpA dpt Artoll dor reinon Typagiapl 
trudi der Irciei Grapklk in oino 0 
Tnti»-*ie 1*1. Die ttOrieiidia Aul» 

netfjng jit Abxulj-nar -in und Kn 
rullain' f/illol in dor Worbung b 
Dirm plnronHJIgo Worb-ing eind bo 
tur Fn'ge habe n C no V.'n rbuni m 




Type and picture area with 20 grid fields 


Satz* und Bitdspiegel mil 20 Rasterfeldern 




Formats of 20 different sues in 
the 2G-tleid grid 
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20 verschieden prosso Bildlorma- 
te im Raster mil 20 Foldern 



j 



Tho procoaing pago shows a 
picture grid with 20 f elds. The 
letter sues, as explained in the 
first part of the book, are to be 
coordinated with the gr c fields 
tor lilies, subtitles and also for 
captions. 

Diagrams 2-5 show the 20 dif- 
ferent sizes ol lormat available 
In the 20-tield grid I or the pre- 
sentation cf photographs, illus- 
trations and statist 'CS. Simply 
by combining thoso 20 formats 
tho designer already has at his 
disposal a range ol possib'lit es 
which will be sufficient for 
many applications 
In the case of a booh or cata- 
logue where the designer wants 


lo attend to tho Take up with 
pictures and text fvmself. II is 
advisable Ic roguost tho printer 
for coobio shoots w,ih tho grid 
printed In a light grey tone 
asking for at least 25 7« more 
double pages than actually 
contained in the finished work 
so that there will te extra pages 
available in tho cvcr.l of any 
alterations. In this way the 
lavcut is not only more accurate 
but tno designer can form a 
totter idea of the final product 
and tho printor has a reliable 
original to go by. Moreover, the 
work ot preparing the layout can 
te done in a snorter time. 


Dio vorho-gohonde Seito zoigt 
omen B'ldMSter mil 20 Foldorn. 
Oie BuchstobongrOcson oolion. 
wie Im ersten Toil dos Buchos 
besprochen. sowohl fur T lei. 
Untertitei als auch fur die 
Legenden mf den Ra9terfeldern 
Koordiniert sain 
Die ZOchnungon 2 bis 5 roigon 
ole 20 vci jehieden grossen 
BiCformate die im Raster mil 
20 Feidern fur die Presentation 
von Fotos. Hlustralicnon und 
Stat stiken zur VerfOgung stehen. 
In der Komtination cieser 20 
Formate erhalt der Designer 
berets ein fur viele Fatle genu- 
oend retches Angebot an Varla- 
tiorsmsgl chkeitsn. 


Soil eln Buch oderXatalog 
ge3lail9t warden, fur die der 
Designer den Umbruch mit 
BiiCern und Text selber besorgen 
will, ompliohlt os sich, vom 
Druckor Ocppolbogun mil dom 
In hellem Orauton clngodrucklon 
Raster z u bekommon. Mlndoslen3 
erne urn 25 V: hohere Anzahl. als 
die Drucksacho an Doppelseilen 
zfihll. Dos. dam it fur evenluelle 
Andomngon gomigend Doppol- 
bogen zur Verliigung stohon. Aul 
diese Wei se wlrd die Mnquollo 
nient nur praziser. der Gestalter 
erhalt die bessere Voralellung 
vom Endprodukt. Cer Drucker 
aber C'C Zuverliissige Druck- 
vcrloge. on die or sich halten 


Type and picture area with 20 grid fields 


Sa:7- und Bildspiegel mil 20 Rasterfeldern 


6 examples of different settings 
of text 


6 Deicpide iintcfschicdhcner 
Saizgestiitung 





i^li 






The small number of examples 
on this page show only a few of 
the many typographic solutions 
which are possible with tho 20 
grid fields. 

Grid diagram 1 shows tho grid 
fields used in examoles 2-7. 
Where empty spaces are ;equ red 
bolwuon title and text, between 
text and Captions, or between 
sections of text, mo empty spaces 
should be the equivalent of ono 
cr more I res or of one grid 
unit. Only in this way can ore be 
certain that the lines of two or 
more columns are always in 
alignment 

The hnes can be set Hush right 
and left rough, to run ragged, or 


or a central ax>s The white 
urprinted areas can acquiro a 
particular optica ; arc aesthetic 
importance r. a printed work. 

It they are we; p anned, they can 
make the overall typographic 
pattern light, transparent and 
easily legible 


kann Zudcm wird die A*bed fur 
c e Hersteihmg <Jcr Maquc'.le in 
kurzerer Zed moglich sein 

Die wonigen Beispiele dieser 
So do ZOigen nor einige von velen 
typogralischen Losungsmoglich- 
keiten. d»o m»t 20 Rasterfeldern 
konzipieu weraen konnon. 

Die Rasterzechnung 1 zeigt die 
Rasferfelder. die n don Be spie- 
Icn 2 bis 7 Anwercur.g hnden. 

Wo Lccrraume zwischer Titel 
und Text, zwischcn Text und 
Legender ode' zwischen Text- 
abschmtten erwunsehl sind. 
sollten die leerraume entweder 
oine Oder mehre'e Zeilcn Oder 
dne Raslereinhed betragen. Nur 


so weraen Zeilen von zwoi und 
nehr Spalten Immer mdeinandor 
aliniert sein 

Die Zeilen kdnnen im Block-, im 
Rauh- Oder im Flaltersatz. aber 
auch aul Mittolachs* gesetzt 
werden Cine besondere optische 
unc astnetische Oedeulung 
kennen die welsscn, unCedruck- 
ten Stellen in einer Orucksache 
baton. Sis konr.en. gut geplanl, 
das typograhsche Gesamtbild 
schwcrolos, Iransparenl und 
leserlicher machon. 



i ype and picture area with 20 grid fields 


Satz- und Bildspiegel mit 20 Rasterfeldern 


Examples of layouts of oblong 
and upright p ctures in 6 different 
sizes 


Beispc'o von Layouts mil 8 ver- 
schiedcn grosson r»och- und 
Querformatigcn B Idem 



Grid diagram I shows the grid 
fields used in examples 2 7 
In contrast to the preceding 
page, only (he smallest square 
unit is used in the above exam 
pies together with oblong and 
upright illustrations on tne 
analogy of Ihe grid diagram in 
Fig 1. 

If printed matter is to look con- 
vincing. It must be designed 
on clear, functional lines and 
concentrate on essentials. 



5 

Ai the examples, including tnose 
on the following pages, are 
designed with pastern type 
matter and pictures specially 
treated for the purpose. 



-sat* 

:Vi\* 
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Die Rasferzeichnung 1 ze gt die 
Ras’.orfc der. die in der Beispie- 
icn 2 bis 7 Anwcndung linden. 

Im Unlcrschicd zu der voran- 
gehenden Sene ist bei obigen 
Be sp^Jien nur die klenste 
quadiatrsche Emheit, zusammen 
m.t langlichen und hochformali- 
gen Abbildungen. verwendol 
worden analog dor RasterzeiCh- 
nung Abb 1 

Entschcidend fur cas uter- 
zeugende Ausschcn oincr Druck- 
sache is* erne klare. lunktionc-lo 
und auf cas WesentUche konzen- 
trierte Gestaltung 



7 


Allft Belspiolo. auCh dor folgun- 
den Se ten sind mil Klobosotz 
und fur d ese Beispielo SpezlOH 
geschaffenen Bildern gestaltet 



Type and picture area with 20 grid fields 


Sa;z- und Biidspiegel mit 20 Rasterfeldern 


Beisp elc von Layouts nu A ver- 

Examplos of layouts with A sch.eden breitcn. hochformatigen 

upright pictures of various widths B.ldern 




Grid diagram I shows the grid provonts the forms of on® p.cturo 

fields used in examples 2-7. merging optically with those of 

Upright formats In tho grid can its neighbour 

play a very active role in the The intermediate spaco should 

des-gn Such upright lorms be proportioned so that it looks 

create tho optical impression right tor largo and small pictures 

Of strongth and energy Needless Before the designer decides 

to say. the pictures must be on a particular grid, he should 

suitable if advantage is to be clear up these points by 

taken of these characteristics. experimenting 

Once again attention must bo 

colled to the importance of 

the white spaco between the 

illustrations and between the 

illustrations and tho text. If the 

lormal elements are Clearly 

separate, it is easier lor tho eye 

to recognize and understand 

the contents. Such a division 


Dio Raster/eichnung 1 zc gl die und Verstehen der Inhalto Sie 
Raslorfolder. die in den Bcispie- vorh rdort die Gelahr dass sich 
ten 2 bis 7 Anwendung linden. Formon des omen Bildes ini! dun 

Hcchformatige Abbddungen Formon Cos Nachbaroildes 

kor.nen cine sehr aktivc Rol e in opbsch zusammenschhessen. 
der Gestaltuog spielen Moch- Der Zwischonraum soil so be- 

geste it® ‘omutn erschemcn messen sell, dass or fur grosse 

optisch a s slarko. eneigiegcla- wie fur k eino Abbildungon richtig 
Ccnc Ele-erte Voraussetzung crscheint. Vor dor delinitiven 

cafur is: selDstversfdnd ;ch. dass Fcstlegung des Rastors sollte 
me Bilder fur deses Formal d esc Frage durch Versucho 

geeignet Sind. abgekiart worden. 

Es soli hier nochmals auf d-e 
Ocdeulung ces Zwischenraumes 
7wiSchen AbDildungen soive 
Abbildungen und Text hingewio- 
sen worden. Erne Ware Trennung 
de-formaien Elemento erleich- 
te't dem Auge das Erkcnnen 


82 



Type and picture area with 20 grid fields Satz- und Bildspiegel mil 20 Rasterfeldern 


Examples ol layouts with square 
pictures ol 4 different sizes 


< 


The same 20-field grid is used 
hero 83 the basis for a number 
of variations designed solely 
with squaro pictures combined 
with text. 

Once again, it 13 possible to 
produce a large number ol in 
leresting variations 
The grid Held { 1 ) indicates which 
ol the square fields were used 
lor the adjacent designs. A 
satisfactory solution depends 
not only on the use ot a grid but 
also on the cuality and the 
topicality of the text and 
pictures. 

II photomontage, photocollage 
and cut-out photographs are 
also U3ec, the cho cc depending 



AS «■ 


on tno naturo of tho |ot> it will 
bo soon what a wealth ol 
d fferent oesgn possibilities 
exists. 

Many outstanding achievements 
<n visual communication are due 
•o simplicity, to the reduction 
of graphic resources to thoir 
bare essentials 
In summary it may be said that 
the designer who is aware of the 
possibilities ol variation and 
combination allorded by this grid 
system can be assured ol richly 
varied and satisfying work in 
his profess oh- 


Beispiele von Layouts Tit 4 ver- 
schieden grosser, quacrat.schen 
3ildern 


■*> 
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Auf der Basis desselten 20 Felder 
umlassenden Rasters werden 
hier ein ge Variationen gezeigt. 
die ausschliesslich mit quadrati- 
schen Abbildurgen. kombiniert 
mit Text, gesfaltol sind. 

Auch htar >st cmc grossc Zahl 
von mteressanten Variationen 
moglich 

Das Rasterfetd 1 ze gt an. welche 
quadratischen Felde' fur die 
nebenstehenden Entwiirfo An- 
wendung linden. Eine zufrieden- 
siellende Losung hangl mcht nur 
von der Verwendung eines 
Rasters ab. sondern ebenso sehr 
von der Oualitat und Aktualital 
dor Texte und B Ider. 

Wcnn. jo nach Aufgabenstellurg. 


fTi nr 



noch mit Fotomontagen. Folo- 
coltagen und troior Illustration 
gearbe tot wire, kann dor Roich- 
tum an gestalterischon Vaiiatlo- 
nen erkannt werden. 

Viele bedeutende Leistungen 
m der visuellen Kommunikation 
bestcchen durch Einlachheit. 
durch die Reduktion der bild- 
nerischen Mlttel oul das ubsolul 
Notwendigste. 

Zusammenlassend kann lestge- 
Stolll wordon. dass dem Gestalter. 
der die Muglichkoil der Variation 
und Kombmation mil diesem 
Rastersystem wahrzunohmon 
weiss. erne reicho und befrie- 
digende Bemlsatbeil sicher ist. 





Type and picture area with 20 grid fields 


Satz- und Bildspiegel mil 20 Rasterfeldern 


Examples ol layouts with oblong 
pictures of 4 different sizes 
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Grid diagram I shows the grid 
fields used in examples 2-7 
Here square one oblong picture 
formats are used to occupy 
the whole width of the page This 
creates an impress on of 
generosity in Iho application of 
graphic resources. Needless to 
say. whether or not this solution 
can be employed depends on 
the nature of the problem to De 
solved. No less crucial is the 
lormal quality ol Iho pictures 
and the text The organization 
of the picture area with the 
aid ol the grid is nothing more 
than a good instrument which, 
in most instances, proves to be 
of service. 


Beispiee von Layouts mil A ver- 
schioden grossen. querformali- 
gen Bildccn 
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Die Rasierzeichnunq 1 zo-flt dio 
RasteHetder. die in den Beisp<o- 
len 2 bis 7 An«ver>dur>g linden 
Hier v/erden die quad rat is Chen 
und die querformatigen Bild- 
formate verwendet. die die aarze 
Drcite der Sefte eirrehmen 
Dadurch ontstoht der Eindruck 
der grosszugrgcn Bcfmndlung 
der grali5Chen Mittel Seibstver- 
stand>ich hang! diese Moglich- 
kG't von der jeweiligen Aufgaben- 
slcllung ab Ebenso enlscheidend 
is? die formate Quality der Bilder 
und cer Texte Die Organisation 
der Bila‘:ache mil Hilfe des 
Rasters st nicht mehr als ein 
gutes r cen meisten Fallen 
brauchoa'es Instrument 


Type and picture area with 20 grid fields 


Satz- und Bildspiegel mit 20 Rastcrfeldern 


Further examples ot designs with 

20 grid fields 


Wei fere Beispiele von Gest.il- 
turgsmoglichkeiten mit 20 Raster- 
feldern 



1 

The following 4 examples show 
some of the very many ditfo/ent 
ways in which the designer can 
use the grid with 20 fields 

In Fig I there are 3 columns 
of text on the right in the 4- 
column grid field Only the illustra- 
tion extends over the 4 columns. 
In this way the reader <$ given the 
optical impression that the 
ompty space above and below 
the illustration in the left column 
is an element of design in Iho 
composition. 


Like the preceding example, 
th s one is designed with very 
simp'e mea-ia. The exce :ent 
effect is largely due to the 
topicality of the picture and the 
contents of the text. Yet tr-ese 
examples only hint at '.he 
possible ways in which designs 
car be produced with the aid 
of 20 grid fields 
Tho combination of Ihe various 
formats for the illustrations and 
texts in conjunction with a choico 
of type'aces of all sizes and 
weights, both roman and italic, 
affords Ihe designer wide scope 
for his talents. 


2 

Pie folgenden 4 Beispiele stollen 
Vananten von unzahligon Mog- 
llchkcitcn dar. die dom Gcslalfor 
mit H<ife des Rasters mit 20 Fel- 
dern offenstehen 

In der ersten AoD. stehen drei 
Textspalten rechts im 4spaltigen 
Rasterfold Nur die Illustration 
7:oM s»ch uber v>cr Spaitcn hin. 
Oadurcn eriebt der leser den 
optischen Eindruck, dass der 
freie Raum unter und uber der 
Illustration n der linken 1. Spalte 
Gestaltungselemen! der Kompo- 
sition isL 


Dieses Boispiei <st wie das voran- 
gehende mit sehr emfachen Mit- 
teln gestaltet Der positive Ein- 
druck leDt primarvon der Aktunli- 
tat der Bild- und Textmhalte. Da- 
mil wordon aber die Moglich- 
koiton dor Gestaltung mit Hilfe 
von 20 Rastor'oldorn erst ango- 

dcutot 

In der Kombination der vctschio- 
denen Formate fur die Abbil- 
dungen und Texte. mil der 
Mdglichkeit. Schriften in alien 
Graden. St&rken. normal und 
kursiv. ofnzusctzen. hat dor 
Gestalter einen v.oitcn Spiel- 
raum. 



Type and picture area with 20 grid fields 


Satz- und Bildspiegel mit 20 Rasterfeldern 


Further examples of designs with 
20 grid fields 


Wcilcre Be«spiele von Gcstal- 
Mngsmoglichke.ten m,t 20 Raster- 
feldern 



3 

A photograph cut out in the 
shape ot a lottor is an extreme 
form of design which is rarely 
used The doublo function of the 
"F" — it now stands for the 
building and now for the charac- 
ter "F • — usually detracts from 
the hoped-for effect. The oyo 
either sees the building more 
prominently than the character 
"F" or it first sees the "F" as a 
lottor. What remains in the 
reader's mind i3 very otten an 
ambiguous impression toll by the 
obscurities and vagueness ot 
the imago 


In the other example, the oicture 
and the typography arc very pre- 
cisely arranged as elements and 
mutually adjusted. Tne slender 
forms of tne tubes align with the 
columns ot text The large coil 
spring forms a strong contras: 
to the shapes of the tubes. A 
solution in which the photo- 
graphic and text elements arc 
integrated with the composition 

An additional design resource 
not discussed here, is colour. 

The use of colour in photography 
anc In typograohy adds an extra 
dimension to the wide held o? 
creative activity. 
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Die in Buchslabcnform ausge- 
schnittene Fotograbe stellt erne 
extreme selten anwendbare 
Art dcr Gestaltung car Die 
Doppclfurktion aesZoichons 
-F-. emmal steht es fur das 
Gebaudc. oin artderes Vat fur 
das Zeichen -F-. wirkt sich 
meistens negativ auf den orholl- 
Icn Effekt aus Das Auge sieht 
ertweder das GebOude starker 
als das Zeichen -F-, Oder es 
s eh: das -F- zuerst. In dor 
Erinnerung Mattel oltmals dcr 
2«viespal:igc Em-drock des Un- 
k'aren und Unbcstimm:en. 


In diesem Beispiol sind die Elo- 
monte Bild und Typografie sehr 
prazls geordne: und auleinander 
abgestinmt. Die schlankon For- 
men dcr Rohren alin orcn mil den 
Textspalten. Die grosso Spiral- 
leder stelit in kraftigem Kontrast 
zuden Rohrunformen. Eino 
Losung, bei Cer die Foto- und 
Tcxtciemente in dio Komposition 
mtegriert sind. 

Em zusatz-iches Gestaitungs- 
mittel das hior n cht zur Spruche 
kam. is! die Farbe. Die Forbvcr- 
wendung In dc*r Fotogratie und 
die Farbanwendung in der Typo- 
gratie erweiterr das woite Feld 
der kreativen Tatigkoit. 


Type and picture area with 32 grid fields 


Satz- und Bildspiegel mit 32 Rasterfeldern 


The wide range of layout possibilities afforded by the 
grid with 20 fields is extended even farther by the 
32-field grid with its almost unlimited number of design 
solutions. With the increase in the number of grid 
fields, the gradation of the pictures, i. e. the differences 
in their size, can be exploited with more subtlety. At 
the same time the designer is enabled to activate the 
picture aroa with greater intensity and to introduce 
more complex rhythms. The possibility of ringing the 
changes on large and small, colour and black-and-white, 
and dark and light pictures is a source of fascination 
to every intelligent and imaginative designer. 

From the material point of view, the area with 32 grid 
fields affords space for a large number of illustrations. 
This can be of great importance if a firm making an 
extensive range of products wishes to illustrate as 
many of thorn as it can. or if a travel agency wants to 
illustrate the holidays it can offer. 

A picture grid with 32 fields affords a range of solutions 
which covers virtually every type of work but it requires 
in the designer a high degree of self-discipline if lucid 
arrangement, clarity and order are not to degenerate 
into confusion. 

This book "Grid Systems in Graphic Design" is also 
designed with 32 grid fields in the DIN A 4 format. The 
titles are set in 12-pt. semi-bold Helvetica display sans 
87 serif, the text in 9-pt. roman with 3-pt. leading, the 
captions in 7-pt. roman with 1-pt. leading. 

The type area has 2 columns with 9-pt text and 4 col- 
umns with 7-pt. captions 


Zcigte bereits das Beispiel mit 20 Rastorfeldcrn cine 
fast unbegrenzte Zahl von Layout-Moglichkciten, so 
erweitert der Raster mit 32 Feldern den Bereich der ge- 
sialterischen Losungen nochmals urn ein Betrachtliches. 
Bei der grosseren Zahl von Rasterfeldern kdnnen die 
Abstufungen, respektive die Grossenunterschicde 
zwischon den Abbildungen, differonzierter werden. 
Ebenfalls vermag dadurch der Gestalter die Rhythmi- 
sierung und Dynamisierung der Bildflache zu intensivie- 
ren und auszuweiten. 

Das abwechslungsrciche Spiel von grosson und kloincn. 
farbigen und schwarz-weisson. dunkoln und hollcn 
Bildern hat fur jeden intelligenten und phantasiereichen 
Designer eme faszinierende Anziehungskraft. 

Materieli gesehen bietet die Flache mit 32 Rasterfeldern 
Raum fur sehr vicle Abbildungen. Dieser Umstand 
kann dann von grosser Wichtigkcit soin, wo ein Untor- 
nehmen mit einer grossen Produktpalette moglichst 
viele Produkte abgebildet haben mbchte Oder fur 
Reiseunternehmen. die ihre Foricnangcboto mit violcn 
Bildern vorstcllon mussen. 

Ein Bildrastcr mit 32 Feldern offeriert ein praktisch alio 
Aufgaben abdeckendes Angebot an Losungen. Er 
verlangt vom Gestalter aber ein grosseres Mass an 
Selbstdisziplin, damit anstcllovon Ubcrsichtllchkcit, 
Klarheit und Ordnung nicht Wirrwarr entsteht. 

Auch dieses Buch -Rastersysteme fur die visuelle Ge- 
staltung- ist mit 32 Rasterfeldern im Format DIN A 4 kon- 
zipiert. Die Titel sind in der Helvetica 12 Pt. halbfott. dor 
Text in der 9 Pt. normal mit 3 Pt. Durchschuss. die Lc- 
genden in der 7 Pt. normal mit 1 Pt. Durchschuss gesetzt. 
Der Satzspiegel hat 2 Spalten mit 9 Pt. Text und 4 Spal- 
ten mit 7 Pt. Legenden. 


Figs, pp 88/89 

Dimensions for lypo areas and 
picture grid3 »vilh 32 f elds. 

Like the example with 20 fields. 
Ihe picture grid with 32 fields 
Should also be provided with 
exact dimensions In lhis way the 
dosigner will avoid unclear 
points in his own work and also 


in his cealmgs with the printer 
Compared with the type area 
with 23 grids, the 32-field version 
enormously extends the scope 
for variations 


Abb S 86 89 

Massangaben fur Salzspiegel 
und Bi Id raster mit 32 Feldern 
Dor B'ldraster mil 32 Feldern 
SOU win im Beispiel mit 20 Fel- 
dern. mil genauen Vassaogaben 
versehen soin. Damil erspart sich 
der Designer Unklarheilen in dc-r 
eigenen Arbeit. aber auch im 


Verkehr mil dem Drucker. Der 
Satzspiegel mit 32 Rasterfeldern 
erweitert gegenuber dem Sofz- 
spiegei mil 23 Rasierfeidern die 
Variai onsmoglichkeiten mil lexl 
und Bild ausserordenllich 
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Gestaltung und kommen 
dem Anteil 


Wer sich dor Full© von Dn ck 


notwendig oino strongoTi 
unterscheiden dabei nach 
men dabei einmal zu dem 
Druckerzeugnissen. bei d 
ausgesprochen sokundar 
[achlleflt fu r uns Arboiton. 
sind, gleichviel ob diese 
Sotzors vordanken, stren 


arzeugnissen alter Art bei 
lung versuchen und das 
und Anlage vor allem zwe 
n eil derreinenTypographie 
das reinTypographische 
eutu ng 1st Die erstere 
ihrerGesamtkonzeption 
gnisse ihro F.ntstehung 



vVersich der Fiille von D 
Tolwendig eine strengeTi 
unterscheiden dabei nach 
men dabei einmal zu dem 
Druckerzeugnissen, bei d 
ausgesprochen sek 
schlieBl fur uns Arbeilen, die i 
sind, gleichviel ob diese 

Setzers verdanken. strenj 
= orm-und Fliichenelemc 
xuit» werden konnen. Nt 
zogon sein. Demgegenul 
Gestaltung augen scheinlk 
Diese Arbeiton beziehen 
scher Mittel, uriter denen 
die Funktion der unbedii 
techniken soli im Rahmer 
stellen, daB der Anteil der 
vorloren hat, ja.daB der off 
.ausschlieBlich dem Setz: 
sturmischo Aufwartsontwi 


<erzeugnissen allerArt bei e 
n ung vorsuchen und das N 
und Anlage vor allem zwe 
iteil derreinenTypographie 
das reinTypographische 
eutun g isl. Die erstere C 
ihrerGesamlkonzeptlon 
rzeugnisso ihre Entstehung 
lommen also Arbeiton, di 
, soweit sie als typography 
Jvatzungen und mehrfarb 
2ht dio zweite Gruppe, 
licHand desGebrauchspr 


ihr 


It 


men also Arbeiten, d 
Form- und Flachonolomorjtof), soweit sie als typographi 
baut»> werden konnen. Ndgojtivatzungen und mehrfart 
zogen sein. Demgegeniitier steht die zweite Gruppo, 
Gostaltung augenscheinliih jiieHand desGebrauchsgr 
Diese Arbeiten beziehen lihra Wirkungskraft aus dom 
•ichor Mittel, unter denen dor 1 typographischo Anteil do 


die Funktion der unbedii 
techniken soil im Rahmor 


notwendigen Toxtwiederc 
irZoilen nicht beruhrt 


stellen, daB der Antoil dor roirien T ypographie im Laufe ■ 
verloren hat, ja, daB der ofjenkundigeEinbruch derfreio 
ausschlieBlich dem Setzer vprbehalten war, eine nicht. 
stijrmische Aufwartsentwlcklung von Industrie und Wir 
aleAusoinandorsetzung urn Absatzmarkte und Kiiufergc 
die die Einbeziehung imnier neuer und phantasievoller 
wenn man «im Geschiift olei jen will». Die aufgewondo 
mSBigo Werbung sind b^kanntlich so lango richtig an 
Resonanz boim Empfangor zur Folge haben. Eine Werb 
Wor sich der Fiillo von DrycKorzeugnissen allerArt bei 
notwendig eine strengeTrennung versuchen und das 
interschoiden dabei nach Art und Anlage vor allem zwe 
men dabei oinmal zu dem Anteil derreinenTypographie 
Druckerzeugnissen. bei denen das reinTypographische 
ausgesprochen sekundarer Bedeutung isL Die erstere < 
schlieBt fur uns Arbeiten. die in ihrerGesamtkonzeption 
sind. gleichvieL ob diese Erzeu gnisse ihre Entstehung. 
Setzers verdanken, strenq g^nommen also Arbeiten, di 
r orm-und Flachenelement 
baut» werden konnen. N 
zogen sein. Demgegenufc 


die Auseinandersetzung ui 

die die Einbeziehung imi 
wenn man «im Geschaft 
miiGige Werbung sind 
Resonanz beim Empfangt 
die Funktion dor unbedii 
techniken soil im Rahmei 
stellen, daB der Anteil der 
verloren hat, ja, daB dor o* 
ausschlieBlich dem Setzi 
sturmische AufwSrtsentwi 


Wirkungskraft aus dem 
typographischo Anteil dei 
otwendigen T oxtwiederg 
dibser Zeilen nicht beriihrt 
nTypographie Im Laufe c 
:undigeEinbruch dorfroie 
verb ohajjojLVyar, eine nich 
;klung von Industrie und Wir 
bsatzmarkte und Kauferge 
er heuer und phantasievoller 
lei ben will*. Die aufgowcmde 
anntlich so lango richtig an 
zyr Folge haben. Eine Worbi 
it luotwondiflen T extwtofarfl 
deser Zeilen nicht borlihrt \ 


eirien Typographic im Laufe c 

onkundigo Elnbruch der freie 
vorbehalten war, eine nicht 
klung von Industrie und Wii 
dieAuseinandersetzungumAbsatzm&rkto undKiiufergt 
dio die EinbeziehungjmiaerjiBUQf.uiJtl.ptiaatasJevolle 


wenn man «im GeschSft 


soweit sie als typographi. 
viitzungen und mehrfarfc 
steht die zweite Gruppe. i 
Gestaltung augenscheinli h tie Hand desGebrauchsgr 
Diese Arbeiten beziehen ihrje Wirkungskraft aus dc 
..dengg 
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miiBigo Werbung sind 
Resonanz beim Empfang 
Wer sich der Fulle von D 
notwendig eine strong© T 
unterscheiden dabei nach 
men dabei einmal zud 

Vi"f. r <Ln Im l i"(<J<v< 

•sl. muB sdioc ungn«v3hnlich ph^ 
Fail© sdion bei Verwendurg eir 
tersuchungen in don USA, Cie 
cdolgrcicicr sind nls schw.it/- 
obicklen nccb vorhorrschond i 
•der die Einbeziehung elnor lit 
Mehizahl dor Fallo Oborlogcn 
bildlichc Diuddlung mi 
oil sdXJn (lurch die Bildwir 

A ■ ni i •« i 

tzlere in ihrerAnlago wcilgchi 
urn Schmud* der V.'ande beslimj 
Jagegen in dieser odor jener Fc 
iert. Es gibl dafur cine o nfaC 
;ine gowitse oplisdio Sdiockwi 
vordon. Es isl logisch, daB dam 
:ev»orben wire, zur Kenrtnis gcr > 
iicht w under, daB cin gul Toil d 


tleiben will». Die aufgewend 
kanntllch so lange richtig a 
irzurFolge habon. Eino Werb 
ikorzougnisson allerArt bei a 
onnung versuchen und das N 
Ar und Anlage vor allem zwe 


lungon, dio t. B. typographisch 

iiovoll soin, um das Into'osso d 
veilen Faibe filr die gleicho Arb 
Fostslcllung knmon, dn9 Worb 
Doch blclbcn wir boi der Sdiw 
itungen, Inserale, Zeilfjchrifton 
'oichnung ist in don vorgonnnnl 
ogon donh.ilb, well suldio Arboi 
Jhnrlliiasid 
schaulich orlSulart. Dieso Schw 


len Boreichon dei mode men Kum 
rird von dor Mohrzahl dor Balrai 
Is formalor Effokl ’n dor Worbui 
*'.trung: Die modem© Graphik I 
g aus und hat deshalb den Vor: 
ii kurzsr Formuherung dos bogl 
>cn wird. Hier selzl dn<i Kdnnen 
r Autaabon dom Setzer aus dei 






Typo and picture area with 32 grid fields 


Satz- und Bildspiegel mil 32 


Examples with a vertical columns 
and 3 horizontal divisions 
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The 32-lield grid shown here is 
divided Inlo 4 columns, ouch 
comprising 8 Holds. 

Grid diagram 2 shows the dif- 
ferent sizes of picture in fho first 
column, 7 of thorn being upright 
in form, Tho formats range 
from fhe very small*#! oblong 
element to extreme upright 
versions. 

Grid dlogram 3 shows the 8 dif- 
ferent picture sizes obtained 
when Ihe 1st are 2nd column are 
amalgamated . 

Grid diagram 4 shows the 0 dlf- 
foronl pelure sizes resulting from 
tho amalgamation ot the 1st, 2nd 
nnd 3rd columns. The 'ormats 
vary very groab'y from the nmnll- 


B<* spiel© mit 4 uertBcalen Kotor- 
non und 0 hoiizontalon Unter- 
te lungcn 
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eat picture unit to tho 3-column 
upright sze 

Grid diagram 5 shows the 6 
p cturc formats which are 4 col- 
umns W'dc and of different 
heights. 

If all the picture formats shown 
in the 4 grid diagrams ore 
combined, an enormous range of 
design possibilities is created. 

If typographic reso jrces with 
type s zes from 4 pt. to 72 pt_ and 
with Ugh:, ned.um, serr.i-bofd. 
and bold faces, not to monlion 
their roman and italic versions, 
arc also pressed into service, 
the range of visual ccmmun- 
cat on s extended still further. 
And i‘ the designer also has 


Oer Ras'cr mit 32 Fetdern. dor 
K cr vorl egt. st in 4 Spaltcn 
unlorte It. jedc Spalle fcesitzt 
8 Folder. 

Dio Rasterze chnung 2 ZOigt die 
versch odor grossen BHdformata 
ccr 1 S polio, von denc-n siobon 
hoch'ormjtig sind. Es sind For- 
mate vom klens'.en aueriiegen- 
cen Element bis zum extremsten 
Hochforma:. 

Die Raslerzeichnung 3 prasentier t 
are acht verschieden grossen 
3i1d'ormate die zustande tom- 
men. wenn die i und 2 Spatto 
zusammcngczogen woolen. 

Die R33terzeiChoucg 4 zeig: die 
acht versch.eden grossen Bikl- 
lormate. d e beim Zusacimenzug 


Rasterfeldern 



5 

dor 1 , 2. und 3 Spnlte ontstehen 
Von der klumolon Bildolnheit, 
die sonr broil 1st. dndorn sich 
die Format© b s zum 3spalUgon 
Hcchformat extrem 
Dio Rasterzeichnung 5zolgt dio 
acht Bildformate. die 4 Spnlton 
broil und ur.terschiedtich hoch 
siro. 

Wenn nlle Blldlormato der vier 
Rastetzeichnungen zusammen 
kombimert werden. enlsteht o*no 
onorm bro to Palette von geslal- 
tonschen Darstellungsmoglich- 
keiten Wonn dazu noch die Mlttel 
der Typopraf o mil den Schrilt- 
graden von 4—72 PI., fornar dia 
Schriftstarken mogor. normal, 
haltfett. felt und ?ur normalen 




Type and picture area with 32 grid fields 


Sa:z- und Bildspiegel mit 32 


a formats of dlllerent depths, 
1-nnd 2-columns 


8 verschieden hohe Bildformate 
1- und 2spaltig 






recourse to photography and 
Illustration combined with the 
e*prossiwo power of colour, 

Ihoro Is almost nc limit sot to hla 

creativity. 

This multifold grid is used more 
particularly vvhoro groal flexi- 
bility of design Is noedod. Books 
and catalogues, periodicals 
and magazines which must Inform 
their realtors with the aid of a 
large number of small il'ustra- 
I'cns call for a grid with a fine 
mesh. The larger the number o* 
fields, the greater the diltlsuity 
in finding tne right grid and 
applying it. 

It may take 3 great dent of time 
to decide which of the various 


typefaces is to be used and 
what lending will he suitable lor 
(he sue ol the letters chosen. 

AH Iho picture fields must nl-gn 
with 'ho 'inos set in the various 
typo sizes. 

This page and tho following ores 
are an impressive testimony to 
ine number cf CiMO'Oot pictii'o 
szes available. 


Schrift noch die Kurslvo go- 
rommen wird. erwelten slch das 
Spehlrum der visjellen Dar- 
stellungsformen belrachtlich. 

W II der G os t alter noch cie 
bildnerischen Gobiefe der Foto- 
gralie und der lllustral on. Kcm- 
bimeil m.t den Ausdrucksmog- 
ICrkeitan der Farben. hlnzuneh- 
mon. crol'nel sich der K-ealrvitfll 
Ces Geslalters ein unabsehbar 
writes Spiollcld 
Die 3 er vielleiligc Raster hat 
speziele Arwendungsbc-roicha. 
n cenen eine besonders grosse 
Ftcxibilitat in der Gestaltung 
vetlangt warden. Buena* und 
Xatalogo. Zoitschriflen und 
Magazine, die mit vie er kleiner 


Rastorfeldem 



Abbildungen informieren mueoori. 
bentjllgon elnen felnmaschlgon 
Raster. Der Schwierigkeltsgrnd 
bel dt” Tindung dea Rasters und 
bel de* A’twendung wachst mit 
do* Znhl der Poldor Es kann sehr 
vial Zell benbtlqen. bis die ver- 
schiedenen Schriltgrtoson mil 
dom ontsorachenden Zellcn- 
durchschuBs der Schrlltgrado 
ge'undon Bind Alle Bildfelder 
mussen mil don Zolten der ver- 
schieden grosson Schriflgrnde 
alinieren 

Diese und die folgendon Soilon 
vormilteln ein einflrucklichos 
Cite von der Vielzahl unterschlod- 
llchcr Bildgrosssn. die zur Vor- 
fugung slchon 


Type and picture area with 32 grid fields 


Satz- und Bildspiegel mil 32 Rasterfeldern 


D formats of different depths, 
3-column 


3 verscfueden hohe Bildformnte. 
Sspallig 



The grid with 32 fields may be 
of practical ass stance In cases 
whore u large number ol vory 
small Illustrations have to 
bo accommodated In a conf.notl 
spoco. 

This form of grid provides 32 
fields which con be varied In size 
by combining the smallest grid 
units into inrgor units for texts 
and illustrations The compara- 
tively narrow structure of the 
pages enables information of 
different kinds to be accommo- 
dated The demands made on the 
designer are very high Hewitt 
bo wot I advised to prepare a 
rough draft containing the priori- 
ties to be given to tne text and 


the pictorial information. Once 
these priorities have been 
established. the available space 
can be laid out with Iho aid of 
these 32 Holds 

Ono difficult hurdle the designer 
hm to overcome Is the need to 
devise a recognizable system of 
order that runs throughout the 
work and allows the charac- 
teristic elemonts to bo rocogn^ed 
whenever they appear while Iho 
overall design remains functional, 
vital, and satisfying. 

The risk *or the designer lies :r 
the fact that he may exercise too 
little disciptmo in the use he 
mokes Of grid t elds o' different 
s>zes A design con be powerful 


Dor HastOr md 32 Foldorn bietct 
In Faroe, wo suit! Vielo Abbil- 
diingen ayf kloincm Raum 
P'asent.-ert werdon so ten, omu 
praktische H I'e. 

3ei diese- Raste'konzepl on 
karn ube' 32 verscfueden 
grosso Raslerielder. dutch 
Zusammcnzugo dor kle'nsten 
Raatereinheitcn a; g'osseren 
Einhorter fur Texte und Abbil- 
dungen. veifugt werden Dte 
ro'at v ongo Strukturierung der 
Seilen ormoglicht die Unter- 
bringiing von un'orsch edhch 
geareten Informationcn Dio 
Anforderungen. die an don 
Gestalter gestellt werden. sind 
sclir gross =r mscht sich nit 



Vortell ein Konzept, doa dlo 
Pnoritriten dor Texlinhotto und 
der Bddin'ormationen belnhaltot. 
Njch dieser Prioritatenliste Boll 
dor vorlugbore Ruum mil 32 Fol- 
cern konzipiort und gestaltet 
wordon. 

Erne sehwiDtig zu melslornde 
Horde warlot dom Designor 
darin. dans or nach einer durch- 
gchenden. erkonnbaren Ordnung 
zu trachten hat. daas sich 
charaktor.stische Elomonte in 
de* Gestaltung immer wloder 
orkenner (assen mussen. daas 
Sich aber zuglolch eine Cbor- 
zoogende, tehendige und funk- 
tiono.le Getamldarstellung zu 
ergeben h3f. 




Type and picture area with 32 grid fields 


Satz- und Bildspiegel mit 32 Rasterleldern 


Sketches tor a grid with 3? fields 




In sketching u grid, care must 
bo taken to ensure that tne 
sketch corresponds as closely 
OS possible to the proportions 
ol I ho final printed formal. 
Particulars regarding the text 
columns and linos should be as 
precise as Ihoy can be. A good 
sketch can look like a scaled- 
down reproduction in print. Thi3 
implies that the sketchod linos 
representing lines ol print 
and the outlines ol the picture 
formats should be approximately 
proportional to the final printed 
work Such a sketch should 
enable soma idea to be formed 
of tho quantity of text tne size 
of the typo, Ihe length ot the 


Srnzzen fur omen Raster mil 
32 Feldern 




linos and how much of Ihe area 
is typo matter and how much 
picture Tho designer can easily 
succumb to tho temptation to 
ircicate the type w.tn excessively 
heavy anc mprucise strokes of 
the pencil wmch g.ve no inti- 
mation of the size of the letters 
and tho width of the text columns. 
It needs concentration and 
sensitivity, and also a certain 
amount of practice, before tho 
Sketch begins to look like a 
preciso original from which the 
printer can work. 

The sketches shown arc 6.5 cm 
high in the Original, i e only 
a few mm large- than the print. 



Bo m Skrzz'crcn eines Rasters 
moss darauf gcachtet werden. 
dass die Skizze mdglichst genau 
der Proportion des cndgiiltigen 
Orucklormales entspricht. Die 
Argahen fur die Textspaltcn und 
Textze.ten sollen so genau als 
moglichsem Erne gute Skzzc 
kann wie erne vcrklemerte 
Diuckwiedergaoe wirken. Das 
bedeotet. dass die skizzierten 
Lmien fur dc Ze len und C o 
Umnsse fur die Bildformatc in 
dcr angenaherten Proportion 
Zur dcfimtiven Drucksache stehen 
sollen Eine solche Skizze ver- 
mag bercils die Vorstellung tier 
Merge Text, der Grosse tier 
Schrift. tier Lange der ZeilCh 




und vom Grossenverhaitnis von 
Schfllt ZU Bildfeld zu gebon. Dor 
Gestalter ist locht versucht. dio 
Senrdt mit zu schweren und 
fluchtigen Strlchon anzuoeuten, 
die keinen Emdruck der Grosse 
dcr Buchstaben und dcr Breite 
dor Toxtspalten zulassen. Es 
brauchl Konzentratlon und 
Sensibilitdt. aber auch eine 
gewisse Ubung dazu. bis d<e 
Skizze tier Einrtruck dor prazisen 
Oruckvorlage liefert. 

Die abgeb ldeten Skizzon sind 
im Original 6.5 cm hoch. d. It. 
urn emtgo Millimeter grosser, 
als sie hier im Dr uck erscheincn. 
gezeiennet. 






Type and picture area with 32 grid fields 


Satz- und Bildspiegel mil 32 Rasterfeldern 


Sketches for a grid with 32 fields 


Skizzen fur oinon Raster mit 
32 Feklorn 




The sketches show only a few 
of the many possibilities of 
designing with a 32-field grid. 
Thoir purpose is to indicate how 
tho sketches should bo drawn 
so as lo enable a picture to be 
formed of the final result The 
more inaccurate the sketch, the 
more difficult it is to imagine 
what tho finished printed work 
will look like. The more accurate 
the sketch, the easier it will be 
for Ihe designer to test the idea 
behind it for suitability. 

There arc designers who can 
produce, oven tor posters, tho 
tiniest sketches which neverthe- 
less intimate quite dearly what 
the result will look like in print. 


Sketches of this kind can be 
readily enlarged to the original 
size and tho necessary finishing 
touches put to them only at this 
stago 

A designer with no previous 
experience of the grid should 
study these pages elosefy 
and experiment tor himself until 
he begms to grasp how me 
system works. Only then will he 
Be able to benefit Irom thinking 
in terns of the grid and 
mathematics. 


Die Skizzen zeigen nur oinigo 
wumgu MdgliChkoiton dor Raster- 
gostattung mit 32 Foidorn Sie 
haben hicr die Aufgabe anzu- 
reqen, w e be m Skizzieren vor- 
gegarger werden sollte. damit 
es nogiich wird. aus der Skizzo 
auf das Resultat schliesscn zu 
konnen. Je ungenauer cine 
Skizzo angefertigt wird. desto 
weniger verm a g sie eine Vorstel- 
lung davon zu geben. wie die 
Drucksache schtussendlich 
aussehen konnte Je praziser die 
Skizzo «si. dcsto te chier wird 
es dem Gesiaiter moglich. a.e 
cahinter liegende Idee auf hre 
Verv/endbarkeit zu priifen. 

Es gib* Des oner, die es verstehen 


selbst fur Plakalo klolnsto Skiz- 
zen anzuferligon. bo* donen das 
godrucklc Rosultal horeits mil 
grosser Doutlichkeit zu erahnen 
•si Solche Skizzen sind leicht 
auf die Originalgrosse zu ver- 
grdssern. wobei erst dorl die 
notwendigen Fcinkorrckturon 
vergenomtnen werden. 

Dor Gcstaltcr, noch ungeubt im 
Umgang mit dem Raster, sollte 
diese Setter genau studieren 
und eigene Versucho machen. bis 
ihm das Rastcrsystom vorstand- 
lich gewordon ist Erst dann wird 
cr mit Gewmn seine eigene 
Arbeit aut der Basis des Raster- 
denkens. des rr.athematischen 
Denkens. erleben. 




The photograph in the grid system Die Fotografie im Rastersystem 


Photos are usually concoived without the grid in mind. 
Tho reason is that very few designers are familiar 
with the grid, or that they do not want the trouble of 
working with it. Moreover, the photographer rarely 
knows that his photograph is going to be incorporated 
into a design, or if he does, how it will be done. Very 
often the photograph is used for a variety of purposes, 
and the size in which it is to be used in advertising 
cannot be ascertained in advance 
Only whoro tho photographer and designer work in close 
collaboration will it be possible for him to conceive his 
photograph in terms of the grid the designer has 
developed. It is open to the photographer to place the 
grid drawing on the focusing screen of his camera and 
to arrange tho objects he has to photograph in a way 
that conforms to the grid. Or alternatively he can. for 
example, make a metal construction corresponding to 
the grid and place the objects in it to photograph so 
that both tho objects and the grid are taken. Both these 
methods have been used with success. The work, 
however, is difficult and time-consuming but the final 
effect rewards the effort involved. 


Fotos im Layout von Drucksachen sind vielfach ohne 
Raster konzipiert. Deshalb, weil die wenigsten Gest alter 
den Raster kennen. oder weil sie die Muho. mit dem 
Raster zu arbeiten. meiden. Dazu komrnt. dass der Foto- 
graf selten zum vorneherein weiss, in welchem gestal- 
terischen Zusammenhang sein Bild verwendet werden 
soli, so dass cr die Aufnahme nicht auf ein ihm bekann- 
tes Rastorfeld-Mass hin komponieren knnn. Vielfach 
auch wird die Fotografie fur verschiedene Zwecke ein- 
geselzt, wobei die Grosse dor Fotografie nicht Im voraus 
bestimmt werden kann. 

Nur wo Fotograf und Gestalter in engor Zusammonarbeit 
slchen. wird es moglich sein. dass or mit Hilfe des 
Rasters, den der grafischc Gestalter entwickelt hat, seino 
Aufnahme konzipioren kann Der Fotograf hat dann die 
Mdglichkcit. die Rasterzeichnung auf die Mattscheibo 
seiner Kamera zu legen und die Objokto. die er aufzu- 
nehmen hat. gemass dem Raster zu ordnen, Oder abor or 
baut sich den Raster z.B. mit einer Holz- Oder Mctallkon- 
Struktion auf, stcllt die Objokte in diesen Rastor hinoin 
und fotografiert so die Objekte mitsamt dem Raster. 
Bcidci Moglichkeiten sind mit Erfolg schon praktiziert 
worden. Die Arbeit ist allerdings schwierig und zeitrau- 
bend. 


The photograph in the grid system 


Die Fotcgratie im Rastersystem 


The cut-out photograph in the 
(jrid 


Die freistehende Folograhc- ini 
Haste* 


Pnotograph and colour area in 
U’o grid 


Folografie und Farbflflcho im 
Rnstor 




To glvo a cut-out photograph 
grentcr optical stability it can 
bn underlaid with a colour area 
like a blockout illustration. In 
this way the photograph also 
becomes firmly tied into tho g- d 
and aligned with II in depth and 
on tho sides. 

Anothor possibility 13 to bos in 
the ohotofiraph with a line border 
which has tho same dimensions 
us a grid field An equally satis- 
factory solution would be to 
mark the Iod and bottom limits of 
the grid Herd with rules between 
which the cut-out photograph 
could bo inserted. Fig. t. 


Example 2 is very Often used for 
industnol advertising matter. 

An area of colour 15 printed over 
a photegraoh so as to make it 
Stand out frem its 3urround,-,gs 
and look dominant. Where ir»c 
costs of a 4-colour photograph 
are prohibitive, tho use of an 
area of unbroken colour s the 
next best solution. 



Un olner fremohenden Foto- 
grefre n-ehr cpMchen Hall gobon 
ru konren. kann t o, wie die 
Ire.steherce illustration, mil 
ciner FcrpHSche urtorlcgl wer- 
den. Damit steht c e Folografie 
obenfal s fest gefugt .m Raster- 
r -Ol2. n cer HShe und aut don 
Selton at niert mlt dem Paster. 
Elno andcre Moglichkert besteht 
darin. dm Fotog*afic mil einem 
I'nearen Pahmer emzufassen, 
dor d e Dimension ernes Raster- 
letces baton sotile. Ebcnso cut 
ware es. die otore und untore 
Rasterfold-Eeg-eruurc mlt L.nien 
ru markierer. zwtschen denen 
die freisfehende Fotogratie 
plaziert wird. Abb t. 


Das Beispiol 2 findet besotidors 
in wo’blicnen Oiucksachon dor 
Industrie Anwonoung. Erne Foto- 
giahe wird mit einor Fnrbllflcho 
uberdr jckt. urn dndurch aus 
ihrem Umfed her&uszutallen 
und dominant z j wirkon. Wo die 
Kosten tur dn 4farbigos Bild 
nlcht getragen warden K6nnon, 
*31 die Verwendung oiner Farb- 
kjntl<5che die nachsttiegende 
Losung 




The illustration in the grid system Die Illustration im Rastersystem 


Illustrations, drawings, statistics, tables etc. are also 
adjusted to the grid fields in the same way as 
photographs. In the case of cut-out illustrations with no 
rectangular boundaries it is a good idea to place them 
on the page so that the background corresponds to a 
grid field. It is often advisable to use a light halltone 
background so that the illustration retains its own vitality 
but is more definitely tied into the grid layout. 

In this context the sue and shape of the illustration is 
not of importance. The integration of the illustration into 
the grid pattern gives added emphasis to the designer s 
will to organize his work. 

If tho printing is in colour, an area of solid tint can be 
used instead of a halftone background wherever 
possible. 


Illustrationen. Zeichnungcn. Statistiken. Tabellen usw., 
werden wie die Fotografien ebenfalls auf die Raster- 
felder abgcstimmt. Freie Illustrationen ohne rechtockige 
Begrenzung werden mit Vorteil so in die Seite gestollt, 
dass der Untergrund einem Rasterfeld entspricht. 
Violfach empfiehlt sich das Unterlogen eines hellen 
Rastertoncs. mit dem Resultat, dass die Illustration ihr 
Eigenleben behalt. aber durch den hellen Hintergrund 
stronger an die Rasterordnung angepasst ist. 

Die Grosse und Form der Illustration fdllt bei dieser 
Losung nicht ms Gewicht Die Einordnung dor Illustration 
in die Rasterordnung bring! den Organisationswillen des 
Gestalters verstarkt zum Ausdruck. 

Anstelle des Grautons als Hintergrund kann bei einem 
Mehrfarbendruck. wo es moglich ist. auch eine Farb- 
fiache eingosetzt werden. 
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The illustration in the grid system 


Die Illustration im Rastersystem 


Tho cul'Out illustration 


Die freistehnndo lllustraton 


The closed illustration 


Die geschlnssono Illustration 


C Jer sich der FuIIe von UrUckbrzougnissen aller Art bei 
otwendig eine strengeTrennung vorsuchen und das r. 
unterscheiden dabei nach Art und Anlage vor allem zwtj 
men daboi einmal zu dem Anted derreincnTypographie 
Druckorzeugnissen, bei denen das reinTypographische 
ausyesprochon so kundar or Redeutung ist. Die erstere 
schliefit fur uns Arbeiten. die in ihrerGesamtkonzeption 
inci, gloichviel ob dtese Erzeusmsse ihre Entstehunc 
Sotzers verdanken, strong genommen also Arbeiten, d 
-orm- und FISchenelemenjtorj, soweit sie als typographi 
baut» warden konnen. NJgalivfttzungen und me hr fart 

E ogen soin. Domgogeniiber steht die zweite Gruppe, 
iestallung augens choinlidh die Hand desGebrauchsgr 


A, 
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Jleae Arbeiten beziehen ihre Wirkungskruft uus dem 
pcher Mittel. unter denen der typographische Anleil do 
pie Funktion der unbedingt liotwendigen Texlwiedcrc 
jechniken soil im Rahmonj dieserZeilon nicht beruhrt 
lellen.daB dor Anleil der rpintrn Typographic im Laufe c 
erloren hat, ja, da(3 der olfenliundine Einbruch derfreio 


it 


A cul-oul Illustration placed In 
a field ot toxl nska becoming 
optically mflolorminalo in space. 
To give it stability, it can be 
placed on an aroa ol groy or 
colour. The sizo oMhis area must 
bo adapted to that of the grid. 

If Ihuro is one. or if rol to tho 
linos In this way the area o' grey 
or colour, and along with t tho 
Illustration, can become an 
orderly port of the overall dos-on. 
FiO 1. 

Illustrations within a closed 
geometrical ’orm can. 03 a rule, 
bo moro readily fitted Into the 
pattern ol text in an aesthetically 
satisfying man nor. The illustration 
15 given tho width ol the text col- 


umn so that it becomes to' molly 
integrated w.th tho text 
It is often desirable for tho illus- 
tration to look more compact 
than K really is. in this caso it 
can be Hacked with a Q'oy tone 
Which draws the lino Structure 
together to form a planar surface 
F<g. 2. if the • lustration has to bc- 
givon mcreasec optical emphasis 
it can be underlay with an arua 
of colour. 



ausschlieBlich dem Setzar vorbehalten war, eine nichli 
sturmische Aufwartsenlwicklung von Industrie und Wir 
dieAusoinandersetzung u\n Absatzmarkte und Kauforg 
die die Einbeziehung imnier neuer und phantasievollor 
wenn man «im Geschiift blelben will*. Die aufgewende 


anntli ch so lang o richtig ar 


Wcr stchder Fuiln von l)ru< ker/eugnissen allerArl bei 
lotwondig eine strengeTfennung vorsuchen und das r 
unterscheiden dabei nachlArt und Anlage vor allem zwe 
men dabei einmal zu dem Antoil derreinenTypographie 
Druckerzeugnissen, bei denon das reinTypographische 
ausg osprochen sokundarer 


edoutwiKj 1 s 1 ! .Inro 


E nc freistehendo Illustration 
dem oin Te.tfeld gostollt wlrd, 
lault Getahr. dass sio optisch zu 
u"t>e3ll>rrrl im Raumo stoht. Um 
ihr e ren fester Halt zu gobon. 
knnn sle au' g-auen Oder farbigen 
Grund gestoht werden. Die 
Grosso d oser GnjrxJfiache muss 
entn-odor dem Roster, sofern em 
solchor vorliegt, odor dann den 
Zeilen angeg’ichen werden 
Dadurch kann dia GrundtlOche 
urd nit ihr d o Ihustrcbon in die 
Gcsamlkonzoption der Scile ein- 
geordnet werdon. Abb. i. 
Illusfratiooen mil oinor geome- 
Iruch geschkiasenen Form 
lasser. s.ch in uer Regal loichter 
in aslhetisch zufr ecerstoHender 


WoiM in eln Satzbild olnordnon 
Man glbt Cer Illustration dio 
Brollo dor Satzspalte, damll 
erschelnt sie tormal verbunden 
m.l dem Text. 

Olt soil die llluolrallon komDakter 
erachemen nls ale os ist. dann 
kann sie mil cinem Grauton 
hmtorlogt werden der die Limon- 
Struklur llachig zuaammon- 
schhesst Abb. 2. Soli die Illu- 
stration eine ver&Uirkle optische 
Ocdoulung erhalten, wlrd sia mil 
elnem Farbton unteilogt. 


Solid tint in the grid system 


Die Farbflache im Rastersystem 


A particularly knotty problem arises when a solid tint 
has to be printed in a grid containing text also aligned 
with the grid. In such a case the area ot colour and 
the text have the same lateral boundaries. It follows, 
then, that the text would begin and end at the edge of 
the tinted area. The impression created is 
unsatisfactory. 

There are two solutions: 
a 

The solid tint coincides with the field; the block of text is 
not sot over the whole width but indented a low points, 
depending on the size of the face, from the edges of 
the colour area. The text thus stands within this solid 
tint, 
b 

The area of colour is extended on both sides beyond 
the type area. The result is that the type area again 
comes within the solid tint. 

Neither solution is entirely satisfactory. The choice 
depends on whether one prefers the type area or the 
solid tint to align with the preceding and succeeding 
lines of text. 


Ein besonders schwierig zu losendes Problem entsteht 
dort, wo eine Farbflache in einem Raster mil Text be- 
druckt werden soil. Farbflache und Text habon in diesom 
Falle dieselbe seitliche Begrcnzung. Das bedeutet, dass 
dor Text vorn und hinton auf der Farbkante beginnen 
und enden wurde Der Eindruck ist unbefriedigend. Zwei 
Losungen bieten sich an: 
a 

Die Farbflache deckt sich mit dem Raster, der Schrift- 
block wird nicht auf die ganzo Breito gesetzt, sondern 
beidseitig einige Punkte. je nach Grosse der Schrift. von 
der Farbflachenbegrenzung zuruckversetzt. Das 
Schriftfeld steht damit innerhalb dor Farbflache. 
b 

Die Farbflache wird nach beiden Seden iiber das 
Schriftfeld hinausgezogen. Das Schriftfeld kommt damit 
wieder innerhalb der Farbflache. 

Beide Losungen befriedigen aber nicht ganz. Jo nachdem, 
ob man die Schrift im Farbfold odor die Farbflache mit 
den vorangehenden und nachfolgenden Schriftzeilen 
aliniert haben will, kommt man zur zweiten Oder ersten 
Losung. 
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Solid lint in the grid system 


Die Farbtlache im Rastersystem 


Colour urea and typography 


Farbf'ache und Typogiahe 


' ird notwendig eino stre 
toilen. Wir unterscheidor 


er sich der huTfe von D uckcrzeugntsseriallcr Artbi 

ige Trennung versuchen ur 
dabei nach Art und Anlagc 
taltung und kommen d< bai einmal zu dem Antoil 
weiten zu dor Gruppe Von Druckerzeugnissen. be 
1 ' : ■ j' 1 sninem Umfang nach von ausgespr ochcr 


WersTch dor Fiille von Druckerzeugnissen allerArtb 
vird notwendig oino strehgfe Trcnnung versuchen ur 
eilen. Wir unterscheidor^ d ibei nach Art und Anlage 
italtung und kommen dijbt i einmal zu dem Antoil 

or Druckerzeugnissen, be 
g pach v on ausgesprochcr 


rweilen zu der Gruppe 
aering, ja sein em Umfar 


ie Arbeitun boxiehon thro Wirkungskrnll ous de 
»chcr Mittel, unter donon dor typographische An 
nur die Funktlon dor unbedingt notwendigen T< 
dor Drucktochnlken soil im Rohmen dicserZeilen nit 
rustcllen.daB der Anteil der rcinen Typoc 
orhoblich an Bodcn verloren hat, ja, dnB dor offenkur 
in cine Domano, die friihor ausschlleBlich dom Setzo 
zulciignende Totsnche ist.Dic* sturmische Aufwartscr 
schaft lint es mil sich gobracht, daB die Ausoinond 
KJluforgcwinnung Formen angenomnien hat, die die 
•llcrer Mitlol in der Worbung boding on, 
lufgowcndeton finanziellon Mittel fur ein 
itlich so lange richtlg nngelegt, wie sie eine ent! 


trstorc Gruppe der reTh 
pamtkonzoption aus typo| 
lisso ihre Entstehung d 
jenommon also Arbeitc 
jlcmentcn. soweit sie a 
kttnncn. Noga tiviitzunqe 


n Typographic umschlietJT 
rdphischen Mitteln erstelll 
kizze eines Graphikers 
ie unter Verwendung v< 
ty^ographisches Material \ 
d meh rfarbiger Druck sj 


ischer Mittel, unUr denon dor typographischo An 
itz nur die Funktion der unbedingt notwendigen Ti 
ir Drucktochnlken soli im Rnhmcn dlosor Zollen 
achst festzustellon, dafi der Anteil dor rcinon Typot 
rheblich an Bodon verloren hat, jo, daB dor offenl 
eine Domano, die friiher ausschlioBlich dom Sotz* 
leugnondoTutsache ist. Die sturmische A'tifafjrtsc 
-chaft hat es mi! sich gobracht. doO die Auj 
[iiuforgewinnung Formen angenommon hat, die 
ihantasievollorer Mittel in der Werbung bedingen, 
Dio aufgowcndeten Fmanziollen Mittel fur 
1 1 lie 


jrsfere Gruppe dor reindn 
samtkonzeption aus typojjrc 
nisse ihre Entstehung dor 
(jenommen also Arboitcrt, 
elementen, soweit sie alst 
kdnnen. Ncg ativatz ungeji 


ypographie umsclilieBt 
phischen Mittoln erstollt 
kizze eines Graphikers 
ie unter Verwendung vc 
ographischos Material \ 
d mehrfarbiger Drucks 


Now and then II becomes neces- 
sary to display ono particular 
socllon ol text more prominently 
lhan the others. This problem 
can bo solved in o variety ol 
ways. Tho linns in question can 
De ompliasi/od by underscoring 
wiih a black/whila or eolourec 
line or Ihoy can be given a oiey 
or coloured background The 
uso of such a background con- 
front the designer with cortain 
problems 

In Fig I the area of colour oogins 
and ends wllh Ihe lines of text. 
Tho first and last rollers of me 
I nos and the coloured back- 
ground abut on the edge of the 
text. Tho letters are now sur- 


rounded on three sides by tho 
colour area and on one sice by 
whilo. which impairs the>r egl- 
b I ty. Tho effect created is very 
unsatisfactory optically. The two 
zones lack clarity of form. 

In example 2 a potion of text is 
again given special prominence 
by means ot an a-ea of colour. 
All the lines of text are equal In 
length and rill the gild hold The 
colour a*oa has been extended 
laterally beyond the area of 
type. 


H O und wledor laucht die Net- 
wond eked nut. cinon testimmten 
Textabschmtt ala'ker als die 
andoren hervorheben zu mOssen. 
0 loses Problem kann auf vor- 
schicdone Woiae gelosl weiden. 
D e fcetrot'order Zeiten kdnnen 
duren Unlorst-c chung mil elner 
schwarz-woisson odor farbigen 
Linie hervorgehooon weiden. 
Oder sie werden m t e>nor grauen 
Oder fort gen F lac he hlntoiiogt. 
De Losung m l der hinierfegion 
Fiacre stent den Gestaliei vor 
ei-iao Fragen. 

in der ADbildung 1 beginot und 
endet die Farbflachc mi! den 
Teitzoilcn. Die ersten und die 
letzten Buchstaben der Zeiicn 


stosnen gomomoam mil der Farb- 
flache an den Toxtrand. Die Bucli- 
staben slnd |et?t von droi Seilen 
von der Farbtlacho und von oiner 
Sotte von Weiss umgoban. was 
do loserlichked dlesoi Buch- 
Staben ve-vrindert Dadiuch yvird 
ein opt' &ch schr unbefneclgondor 
Effekt geschalton. Be de Zor.on 
orsche.rc-n formal unklar. 

Im Beisplel 2 wild winder einem 
Toxtto I durch die FarbUiiche 
eine besondere Bcdouturg gege- 
Uon. Alle Textzellen Sind gleich 
tang und tullen dns Rastcrfold 
aus Dio Farbtlacne 1st utior das 
Schriflb Id seillich hinausge- 
zogen. 


Solid lint in the grid system 


Die Farbflache im Raslersystem 


Colour area and 'ypagraohy 


FarbfiacT© und Typog-etie 


The colour in iho typography 


Dio Farbo In dor Typografla 


Demgegeniibt 
lunq auqenscf 


>er stehf di 
lung augenscheinlich di 
Diese Arbciten beziehe 
phischer Mittel. unter d 
Satz nur die Funktion de 
dor Drucktechniken soil 



oho Gnjppe, deren HaC 

nc des Gebrauchsgrapfc 
e Wirkungskraft aus dei 
der typographische An 
bedingt notwendigen Te 
ahmen dieser Zoilen ni< 


Demgegenuber steht die zv 

lung augenscheinlich dio 
Diese Arbciten bezieher 
>hischcr Mittel, unter dc 
Satz nur die Funktion de 
der Drucktechniken soil 


I 


H 


ui 


/eite Gruppe, deren Hat 
nd des Gebrauchsgraph 
e Wirkungskraft aus dei 
. der lypographische An 
bedingt nolwondigcn Te 
'.ahmen dieser Zoilen ni 



Wor uich dor Fiille von Druckerzeugnissen aller A 
eine slrenge Trennung versuch< 
oilon. Wir unterscheiden dabei nach Art und 
staltung und kommon dabei cinmal zu dem 
zweiten zu dor Gruppe von Druckerzeugnis 
goring, jn scinem Umfang nach von ausges 
erslere Gruppe der remon Typographic urns 
snmtkonioption aus typographischon Mlttcln or: 
nisso ihre Entstehung dor Skizze eines Graphi 
genommen also Arbciten, die unter Verwondwi 
alcmcnton, soweit sie als typographisches Mate 

nSchst festzustellen^ daB’ddr Antoi! der rcinen Typod 
erheblich an Boden verloren hat, ja, daB der offenku 
in eino Domane.die frilher iusschlieBlich dem Setze 
zuleugnendeTatsacho ist. Die sttirmische Aufwartscl 
schaft hat cs mit sich gebrjacht, daB die Auseinand 
Kaufergewinnung Fo rman pngenommen hat. die di 


In Fig, 3 Iho I noa ol text on 
lf>9 colour area ore indented on 
both side! bo that the If si and 
last letters co not coincide with 
tho lire whore iho colour area 
begins arc ond3. 

The lighter the red. the more 
legibls the loxt. If the red has to 
be dark for technical rensons 
the colour can be applied with 
a halftone screen so that Iho 
effect i5of light red- 


Ore satisfactory way of dealing 
with the problem is to C spense 
with the area of co our and 
instead print in colour the tex! 
that has to 3e eripbas ;ed Fig. 4 


amt 


$S< 


Wersich der Fulle von Diticlcerzeugnissen aller Art b 
wird notwendig eine strange Trennung versuchen u 
leilen. Wir unterscheiderii dabei nach Art und Anlagi 
staltung und kommen dabei einmal zu dem Anteil 
zweiten zu der Gruppe Iron Druckerzeugnissen, be 
gering, ja seinem Umfang nach von ausgesproche 
erstere Gruppe der reinen Typographic umschlieOt 
itkonzeption aus typographischen Mitteln erstoll 
t ihre Entstehung der Skizze eincs Graphikers 
immen also Arbciten, pie unter Verwendung v 
tnten, soweit sie als typographlsches Material 
konnen. Negativatzungen und mehrfarbiger Druck «J 
Demgegenuber steht di4i zweite Gruppe, deren Ha 

b dist festzustellen, daB^der Anfeil dor reinen Typo] 
teblich an Boden verldreh hat, ja, daB der offenku 
in eine Domane.die frtihir iusschlieBlich dem Setze 
zuleugnendeTatsacho ist. Die sttirmische Aufwitrtse 
schaft hat es mit sich gibracht, daB die Auseinan 
Kaufergewinnung Fornujn pngenommen ho: ■ !i- '■ 


mei 


In Abb. 3 sind die Tox*zo»lon aul 
der FarbUacho beidseitig zu* 
ruckversotzt. damit orston 
und die lotztor BochMabon nlcht 
mit Mitllcham AnlaoQ und Ende 
dor Faibllflche zusanmenlailen. 
Je heller das Rat ist. de9ia leser- 
i-cher wird der Text Vuss das 
Rot aus technischen Grundcn 
dunkei scin. kann die RolfIBche 
Dulgerasteri werden, oamlt wild 
ouch ein helles Rot bewirkt. 


Eino bosso'o und bolrludlgondoto 
Lowing bos'ohl dorln. daes nn- 
slcllu oner Farbllflcho die hor- 
vorzuhobonde Te.tntellB larnig 
OodtUCW wird, Abb a. 


Practical examples 


Beispiele aus der Praxis 




The examples taken from practice show how useful the 
grid system is and how widely it can be applied. 
However, they cannot give anything more than an 
incomplete view of the great diversity of subjects which 
has been presented in a practical and aesthetically 
pleasing manner by means of the grid system. Nor can 
they convey an adequate notion of the worldwide scale 
on which the grid system is employed. We know of 
excellent work being done outside Europe, for example, 
In North and South America. Canada. Japan and 
Australia. 

Unfortunately there are not many schools of design and 
academies which are able to instruct their students in 
tho precise ways and means in which the grid is applied. 
This is due in part to a lack of interest on the part of the 
teachers, to their ignorance, and also to the still, 
regrettably, widespread misconception that the use 
of the grid places too great a restriction on creative 
possibilities. 

Tho examples reproduced here will, we hope, prove the 
contrary. 


Die Beispiele aus der Praxis belegen die Niitzlichkeit 
und die universale Anwendungsmoglichkeit des Raster- 
systems. Sie geben allerdings einen nur unvollkom- 
menen Einblick in die vielfaltigen Themenbcreiche, die 
mit dem Rastersystem sachlich und auch asthetisch 
dargestellt wurden. Sie konnen auch keinen Oborblick 
uber die weltweito Anwendung und Nutzung des 
Rastersyslems geben. Aber wir kenncn gute ausser- 
europaische Beispiele aus Nord- und Stidamerika. aus 
Kanada, aus Japan und Australien. 

Leider sind nur wemge Designschulen und Akademien 
fur angewandtc Kunst in der Lago. ihre Studenten mit 
dem prazisen Gebrauch des Rasters vertraut zu machon. 
Das liegt zum Teil am Mangel an Interesso soitens der 
Lehrer. ihrer Unkenntnis Oder auch dem leider noch 
violverbreiteten Glauben, dass der Gebrauch des 
Rasters die kreativen MOglichkeiten zu sehr begrenze. 
Die abgebildeten Beispiolo beweisen, so hoffen wir, 
das Gcgenteil. 
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Practical examples 


Beispiele aus der Praxis 


Book "Design Problems of the 
Graphic Artist'' 

Grid lor the double page 



BuCh: -Ge'.taltur.gsproblemc dCS 
Grahkers* 

Raster fur die Doppolscilc 




The third edition of this book 
appeared in 19G8. It is desgnod 
with 4 columns of lexl and an 
6-parl picture grid. Above and 
below Ihe picture grid 3 and 5 
lines are set aside lor the subject 
lilies and the captions respec- 
tively. 

The texts and legends are set in 
two type sizes Lines ol text. I ke 
Ihe lines ol captions, are aligned 
with Ihe illustrations Tho 710 
illustrations are some coloured 
and some black and white. 

Format 22 5x26 5 cm. oblong 
Number of pages: 186 


Oas Buch. das 1968 in der drilton 
Aufiage erschien. isl mil 4 Toxl- 
spalter. und einom StOiliQOn 
Biidraster konzip crl Obor und 
unter dem Biidraster Sind lur die 
Themonhlol und fur die B ld- 
Icgondon 3 rcspekiive 8 Zeilen 
eingoplanl. 

0'0 Texte urc die Legenden s nd 
m zwei Schriftgrossen abgesetzt. 
Textzeilen w e Legendenzcilcn 
alinieren mil den Abbildungen 
Die 710 AbbKdungcn Sind teils 
farbig. Soils SCh*»arz-we>SS 
Format: 22.5 * 26.5 cm. Quer- 
format. 

Umlang: 186 Seden. 




Practical examples 


Bcispiele aus der Praxis 


Monthly magazine "Roto C 
of Ciba Milan 


Monatszeitschfilt -Roto C- dei 
Ciba Milano 


Grid lor the double page ’ Roto C - ' 


Raster fur die Doppelseitc 
••Roto C* 








f ; 










* 1 4 





|L 1 






Tho magazine "Roto C” of C ba 
Milan is based on a grid with 8 
fields. 

The text and subtitles are set in 
the same size Ol typo. The sub- 
titles stand out (rom tho text 
because of an empty line placed 
before and after them Tho sepa- 
rating space consists of a wholo 
empty line, not a half or a Quarter, 
and consequently the lines of the 
first column ot text align with 
thoso of tho second 
The largo characters ol the title 
form a Striking contrast to the 
size of the letters in tne text. The 
text and picture layou’ are gen- 
erously handled. Interesting 
patterns are formed by the use 


of ’/.-page. '/.-page. Vi-page and 
1-pago pictures All titles being 
placed at the top of Iho columns 
there aro more or less large areas 
of whitest tho ends when the 
texts 3re Short. They give added 
emphases to the spacious way in 
which the pictures are organized. 


Die 2e'tschrift - Roto C- dor C ba 
Milano basicrt auf einem Raster 
mit 8 Fe'dcrn. 

Tcxl und Unterlitel Sind in der- 
Sdden Schr.tlgroSSC gesetzt Die 
Untertitot hetoen $iCh vom Text 
durch jo Qire LeerzeUo ab. die 
vsr und nach dem Unfertile) ste- 
hen. Da durch. dass die Tiennurg 
cine voile, nicht eine halbe Oder 
v oriel Leerzeile betragt. alinieien 
dieZe len cer erslen Toxtkolonne 
mit den Ze len cer 2 7e«lkolonne 
Die grossed Tifelouchstabon kon- 
trastieren uborzeugend zur Grcs- 
so der Textschrifl Die Text- und 
Oi dgostaitung isl grossz ugig gc 
handhabf. V.-sedigc Atfcilcur.gon 
wechscln spannungsvol! mit V«- 


V»- und ganzsoit gen Bildorn. Da 
alto Tilol an den Kopf dor Kolon- 
non geslellt sind. entstehon bui 
kurzoron Kapiteltoxten am Cndo 
mehr ode’ wemger grosse weiSSe 
F.achcn Sie unterstrcichen dio 
Wirkung der grosslluchigen Qild- 
organisation. 

Farbe: schwarz.'weiss 
Format: 42,2X22 cm. 

Umlang: 20 Seiton. 



Practical examples 


□eispiele aus der Praxis 


Annual report '’Deutsche Ban*" 


Geschaftsboncht -Deutsche 

Bark- 


Grid tor the annual report 
"Doulscho Bank" 


Raster lur dun Gcschaltsbencht 
-Deutsche Dunk- 
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The annual report of the “Deut- Tho illustrations ore in several 

sche Bank” is designed on a grid co ours 

which is used for the whole Format. 27x21 cm 

corporate imago of the ”Deut- Number ol pages 150 

scho Bank". Texts pictures. 

statistics and drawings are incor- 

oorated m a 9-ficld grid in tho 

layout. All printed matter for 

external and internal use is 

designed with the grid. 

Whore a finer mesh is required 
the grid wilh 9 fields can be 
subdivided, e g. simply by 
dividing the 9 fields to make 18: 
if necessary, further division 
produces 36 fields A vertical 
subdivision of the fields is also 
possible. 



Der Goschattsbericht der tellung orhSIt man 30 Folder 

-Ccutschon Bunk- ist oul der EBenso moglich 1st dio vorhkalo 

Basis cines Rasters gestaltet Unterteilung der Folder. 

dC' fur das gan?e Erschemungs- Die Abbildungen Sind mehrlarblg. 

bild der Deutscher Bank ver- Fermat: 27x21 cm. 

bindbch ist Texlo. Bilder. Stati- Umlang: 150 Seiten. 

silken und Zeichnungen werden 

mil emem Raster mit 9 Foidern 

im Layout emgeplanl. Alio Druck- 

suchen fur den extornon wie fur 

den intomen Gebraoch warden 

mil dem Rasier gestallel. 

Der Raster mit 9 Fe derr kann 
fur Drucksachen. die eine feinere 
Seiienunterleilung verlarger. 
weiter unlerteilt werden. z. B 
durch eine einlachc Tcflung der 
9 Felder ergeben s-ch 10 Felder, 
durch erne nochmai ee Unier- 




Practical examples 


Beispiele aus der Praxis 


Book'‘SchweizerlndustrloGrafik" 
Grid for fho double page 


Bueh 

-Schweizer Industrie Gralik- 
Raster fur dio Dcppelse<to 







The book Is based on a 12-parl 
grid. 

Text and pictures are matched, 
tho lines bolng brought Into 
alignment with tho upper and 
lower odges of the pictures. The 
lines of lext begin al ihe lop in 
the typo area whereas Ihe 
captions to the pictures are set 
on the baseline of the columns 
and run upwards. 

All 200 pages of tho book are 
sol out precisely In conformity 
v/ith tho grid The Illustrations 
aro some In colour and some 
in black and white. 

The format of the book is 
25.5X26 cm. oblong 
Letterpress. Number of pages:2O0 


Das Buch bas<ort aul einem 
12teiligen Raster 
Text urd B; d Sind aufemander 
abgestimmt, oio Zer en alimeron 
mit den oberen und unteren 
Abschlussen cor Bilder D e 
TexUeden begmnon oben un 
Satzsp ogel wahrend die Bild- 
legenccn auf die Basis der 
Spalten gosetzt sind und nach 
oben laufen. 

Alie 200 Seiton des Buches s nd 
gonau dem Raster enfsprechond 
geordret Die Abbildungen sind 
tells farbig. te is schwarz-weiss 
Das Format des Buches ist 
25.5 x 26 cm. Querformat. 
Buchdruck. 

Umfang: 200 Seiten 



Practica: examples 


Beispiele aus dor Praxis 


Catalogue 4 Heywood Industrial 
Estate ", Canada 


Kata.og "Heywood Industrial 
Estate*. Kanada 


Grid for the catalogue "Haywood 
Industrial Estate Canada 


Raster lur don KaialOfl -Haywood 
Industrial Estate*. Kanada 



The catalogue for the Canadian 
"Heywood Industrial Estate is 
designed w th u 12 -part grid 
Geographical plates alternate 
with pages ol text and pictures 
All tho Illustrations are in colour. 
The type matter IS set in two 
type sizes. 

The vertical lines on the right 
be3ide the 12-part grid Indicate 
tho increasing width ol the 
following pages. 

Tho distance between the grid 
fields is comparatively small. 
Unless the pictures are very care 
fully matched, there is a risk that 
the visual forms of one picture 
will have a disturbing effect on 
its neighbour. 


Format 30X26.5 30 cm. tho 
pages being graded in width 
Number of pages 20 


De' Katalog lur die kanadischo 
-Heywood Industrial Estate- ist 
mil cinem I2teiligen Raster 
kOOZ'Piert GoographiSChe Ta‘eln 
wcchseln mil Text- und Bild- 
seiten ab Alla Abbildungen sind 
taibig Die Typografie ist in zwei 
Schriflgradon gesetzt. 

Oie sonkrochlon Union -ochts 
nebon dem t2teiiigen Raster oe- 
zoiChnen die zunehmende Breite 
der folgenden Seiten. 

Der Asstand zwischen den Ra- 
sterfeldern ist relativ klein. VVenn 
die Bilder nicht sehr scrgfalt'g 
aufeinander abgestimmt sind. be* 
stehl c e Gefahr. dass 3iidtcrmcn 
des einen Bildes opt>sch stdrend 


out das Nachbarbild hinuber- 
wirken. 

Format: 30 x 25.5 bis 30 cm. die 
Seiten sind in dor Breite abge- 
stuft. 

Umfang: 20 Seiten. 




Practical examples 


Beispielc aus der Praxis 


Grid tor the magazine 
"Ca&abolla" 


Ranter tiir das Magazin -Casa 
bella- 


Magazmc "Cusabeila 


Magazin -Casabclla 


The architectural periodical 
”Casabella“ is designed with a 
12-part grid. Whcro the subject 
matter requires, tho grid is 
subdivided into 18 fiolds. there 
being a depth of 6 fields instead 
Ot 4. 

The text and pictures are al-gned 
The leading between picture 
and text comprises two empty 
linos. Titles, text and captions 
are sot in three type 3izes. 

The illustrations in the technical 
section are black and white, 
whereas in the advert sing 
soction they are in 4 colours. 
Format: 31 X24.5 cm. uprght 
Number of pages: 108 


Die Arehitekturzoitschrift 
-Casabelia- mil einom 
12teiligen Raster gestallol Dort. 
wo die Thematik es orlordort. 
wird der Raster in 18 Felder 
unicfteilt. wobei in der Hohc 
ansteiie von 4 Feldern 6 Felder 
stehen 

Text und BlOcr sind a 'inert 
Dor Durchschuss zwfechen Bild 
und Text betragt zwei Lcerzeilen. 
Titei, Text und Bildlegendcn 
sino in Croi Schriltgraden 
gesetzt 

Pie Abbildungcn im Fachteil sind 
SChwarz-weiss, <m Inseratenteil 
auch vierfarbig 

Formal: 3t X 24.5 cm Hochformat 
Umfang: JOB Seiten. 





Practical examples 


Beispieie aus der Praxis 


Poster "musica viva'' 


PlaKat -musica v;va* 


Raster fur das Plakat -musica 
Grid tor Uic poster "musica viva" viva - 


V 

mu s i ca 

v 

a 

******* 0 mO 

I 

Q *«»*/«* 1 

•V 

tv**« 




The musica viva" poster is bu-t 
up on b grid 4V» fie os wide 
and 4 fields deep The two words 
“musica viva" are arranged In 
a cross, the letters of "musica " 
being set at irregular intervals so 
lhat a rhythm is produced. The 
lines of the programme in small 
type align with me loiters of 
' musica viva . In this way an 
impression is created of 0 severe 
but elegant architecture. 

Formal: 128XS0.5 cm. upright 
Colours: blue-green-while 


Das Piakat -musica vivo- ist auf 
emem Raster mtt *'/j Feldern 
Breite und 4 Fetdom MOho 
aufgebaut Die hoiden Worto 
- musica viva- sind in Kreuzlorm 
geordnet. die Buchstaben von 
-musica- sind in unregelmassi- 
gen Abstanden gesetzt. danit ein 
Rhythmos entsteht. D e kle n- 
gesetzten Zeilen dcs Program ms 
sind rut den Buchstaben von 
-musica vva- alrnett Dadurcb 
entsteht der Eindruck von 
slrenger. aber dcch eleganter 
Architefctcnik. 

Farben: blau-grcr-.ve ss 
Format: '28 x 90.5 cm. Hoch- 
format 




Practical examples 


Beispiele aus der Praxis 


Book: 1 Oppositions" 


Buch : -Oppositions* 


Grid lor me book •’Oppositions" Raster fur das Buch "Oppositions- 



The journal "Oppositions' >s 
made up on the basis of a grid 
of 15 fields In special cases the 
central row of fields is sub- 
divided 

The text columns begin at the 
level ot the pictures and end at 
the picture basolino Toxl and 
captions are sot In two type sizes, 
only the htlOS Ore semi-bold. The 
captions are In italic 
The journal shows photos of 
architecture, plans an-J details 
of elevations, axonometnc pro- 
jections and pictures Of buildings 
ol past centuries for purposes 
of comparison 
The grid employee seems to 
meet the requirements in an 


ommontly satisfactory manner. 
Thu illustrations are black and 
white 

The forma: is 25x21 cm uprigni 
Number Of pages: 120 


Das Journal -Oppositions- wird 
aul der Basis eines Rasters mil 
IS Feldern umbroeben In 
spezreitcn Fallen wird die nvttlcre 
Reihe dor Felder nochmals 
untertoilt 

D o Textkoionner. begmnen auf 
der Hohe der Bilder und enden 
auf eer Fusslinio der Bilder Text 
und Bildlegendcn smd in zwei 
Schriltgradon geselzt. nur die 
Titel Sind halbfei: Die BikJ- 
Icgcnden sind kursiv. 

Das Journal zegt in tebendiger 
Wechselwirkurg FotOS von 
Architekturen. Plane von Grund- 
rissen und Dotailansichien. 
larner Para eiperspektiven und 
vorglcicnende S^der von 


Gebuudcn vergangener Jahr- 
hunderte. 

Der verwendete Raster schoint 
den unterschiedlichon Anspru- 
chen voil zu gerugen 
Die Aobildungon smd SChwarz- 
weiss. 

Das Formal 1st 25X21 cm, 

Hochtormat 

Umfang 120 Seiien. 


Practical examples 


Beispiele aus der Praxis 


Periodical "Otlagono- 
Grid tor lha double page 


Zeiiscnrdt -Ottagono- 
fiaster tur die Doppeiseite 




Tho 20-part grid provides tha 
basis lor '•Ottagono". a poriodi 
cal devoted to architecture and 
product design The text consists 
of throe typo S'zos. with italic 
being used at tho samo iimo 
The illustrations alternate in size 
Irom the V i page to the grid 
Held. Some o( the pictures are in 
colour. 


Tho 20-part grid enables the 
dosignor to ring tho Changes on 
illustrations 0 f various S'ZOS A 
tmo-meshod grid can t>© ol great 
assistance to magazines which 
inform their readers on a wide 
variety of topics and wish to 
illustrate these with pictures of 
varying importance. 

Format. 24x21 3 Cm. upright 
Number of pages: 122 


Ein 2Dtei iger Raster liegt Cer 
Archilektur- und Produkt-Design- 
Zeitsclirill -Ottagono- zugrunde 
Der Text bostoht aus drei Schrift- 
grader. wobci do Kursive mit- 
ve'wendet wird 
Dio Abbildungen wechseln in 
der Grosse von der Vi-Sdto bis 
lur kleinston Rasterleldgrosse 
Em Ted der Abbildungen 1st 
larbig. 


Der 20leilige Raster ormdglichl 
emen reichen Wocbsol von var- 
SChiodon grosson Abbildungen. 
Fur Magazmo. dm libor violc Tho- 
men zu informmrcn und diose mil 
unlerschiodlich wichtigon Bildorn 
zu Illustrieren haben. kann om 
le nmaschiger Raster von grosser 
Wichtigkeit sein. 

Formal 24 x 21 .3 cm. Hochlormal 
Urrfang: 122 Seitcn. 


Practical examples 


Beispiele aus der Praxis 


Book "Louis Soutter ‘ 


Buch -louts Sautler- 


Raslor fur das Both 

Grid for the book "Louts Sooner -Lou s Soulier- 



The "Louis Soulier" catalogue 
containing 301 pages and 2844 
illustrations was des gned wiih 
a IG-DOit grid. The texts were 
composed in 2 columns and the 
captions in 4 columns. The texts 
were set in 3 type sizes All tho 
type sizes arc matched to the 
picturo grid 

The pictures vo-y in format from 
upright to Oblong In spite of the 
diversity ot picturo formats it 
was important that the layout 
should create a uniform impres- 
sion and make the publication 
convenient to consult as a work 
of reference 

Tho illustrations vary in size from 
V* page to V«. page They are 


mostly black and while with a 
certain number in colour. 

Tho format of the book: 
30*23.5 cm 
Offset printing 
Number of pages: 302 


Oor Oeuvre-Katatog -Louis 
Souiter- mil 381 Seiton und 2844 
Abb Idungen wurde mit einem 
16t*ili9*n Baste' 9cstai:e1. Die 
Text© wurden n 2 Spalton. flic 
Lcgcndcn in 4 Spjiicn obgesetzt 
Die Texte s>r»d m dre< Schntt- 
graden gesetzl Alle Schriftgrace 
sind auf den Bildrasler abge- 
stimmt 

Oe Odder haoen untersen ec- 
liche Formate, vom Hoch- b s 
zum Ouerfor-at varierend. Das 
Layout some, irotz Ccr Vict'ait 
von BikJlormafen gestaitensch 
ernheitlich w rken sachhch und 
als Nachschiagwe'k praktisch 
sen. 


Die AObildungen variie'en in der 
G'osse von V.-Scitc bis zur 
Vi.-Se te Siu sind m dor Mohr- 
zahi schwarz-weiss. zum Teii 
torbig 

Das Format des Buches: 

30 x 23 5 cm 
OHsetdruck 
Umfang 382 Sdtcn 




Practical examples 


Beispiele aus der Praxis 


Brochure 'Munich. City of the 
Olympic Games 1972 * 


Broschure -Munchen. Sladt der 
Olympischen Sp ele 1972- 


Grid for the brochure "Munich. 
City of the Olymp c Games 1972 


Raster tur die Droschuie -Mun- 
chen. Stadt oer Olympischen 
Spielo 1972- 



The brochure ‘Munich. City 
ot the Olympic Games 1972 was 
do$ gned with a 16- and 20-part 
grid The text ana p clures ere 
precisely aligned The text ol the 
inside part is set in a single type 
size All the pictures are in 4 
colours. The arrangement of tho 
pictures 'S successful in pro- 
ducing a rhythmic pattern Tie 
empty white space between the 
pictures enhances this cMcct 
The 16-part grid is combined with 
a 20-part grid, which is used on 
certain pages, depending on the 
pictures The above examples 
show a page ol ihe brochure on 
which the ihree square pictures 
are arranged one above the other 


on the grid with ie holds whereas 
the two large photos and the 
smaller one below on the lelt arc 
fitted mto Ihe 20-part grid 
The combination of two gods 
calls tor skill and sensitivity m 
the designer 

Format 29 7 x 28 cm. upright 
Number of pages 34 


Die Broschure -Munchcn. Stadt 
der Olympischen Spiolo 1972- 
wurde mil emem 16- und 2Q1eili- 
gen Raster gesta tot T 0 *t und Bild 
alinic'cn genau Der Toxt des 
Inncnleils <st n emem cinzigon 
Schr ftgrad gesetzt Alle Bilder 
sind v erfarbg. Die Bitdanord- 
nung ist gut rhythmisiert. Der 
•rcb cibcnde wesse Raum zwi- 
SChen aen B ldern unlerstutet die 
Wirkung 

Der tOtedige Paster Ist mit emem 
20tcligen Raster kombimert. der 
10 nach Biidvoriagc aul omzcinon 
Seten zor Arwendung komml 
Das ob ge Beispie zeigt e re 
Seite de* Broschure. auf der die 
Crei ubereinanderstehercer. 


quadratischen Fotos aul dem 
Raster mil 16 Feldorn stehen. 
W.-Ihrcnd dio boiden grossen und 
das klomoro Foto links union im 
POteihgen Raster angoorrtnoi Sind. 
Die Kombmation von zw©i Rastom 
erforcert sehr sensibles. gestal- 
terisches Geschick 
Format 29.7X28 cm. Hochlor- 

mat 

Umtang 34 Seiten. 



Practical examples 


Beispiele aus der Praxis 


Japanese Kook by Sugiura 

Design” in the senes "Episte- 
meter” 


Japaniscnes Buch -Oes»gn- in 
dc' Re he -Episiemeier. 


Grid for the Japanese took 
”Oe$.gn” 


Raster fur das jaoan<scho Buch 
-Design- 



Sinco the grid systom bocamo 
known In the sixties somo 
Japanese designers have also 
tried Iheir hand at using the grid 
in ihe r designs. The Japanese 
characters, like Ihe Chinese, are 
built up on the square form. 

They ore therefore eminently 
suitable for a grid layout In thi3 
example Western names and 
captions in the Arabic alphabet 
had to ho used at the samo time 
In the Japanese text. The 
designer has placed these parts 
of the text between two fields of 
Japanese text. This form of layout 
has been used consisienily 
throughout Ihe book Toe illus- 
trations are black and white 


This example a special number 
Aesthetics of Mathematics. No 
vember 19/6 Asahi Shuppan-$ha 
Tokyo 

Iho format is 25 3x 15 2 cm. 
upright 

Number O' pagos 248 


Seit derr Bekanntwerden ces 
Rastersystems in den 60er Jahren 
versiichten emige japamsche 
Designer den Raster auch in 
ihrcn Gesfallungon bewusst 
anzuweoden 0>e tapanischcn 
Schnttzeicher smd analog den 
chinesischen Zeichen. auf der 
Guadratlorm autgebaut. S'e 
Cignen sich deshatb vorzugliCh 
fur em Raster-Layout In diesem 
Beisp el mussten v/estliche 
Namen und Legenden im arabi- 
schen Alphabet im japarischon 
Text mitverwendet wer den Der 
Gestaiter hat diese Textleiie 
zwischen zwei japan’sche Texl- 
feldcr geselzt Diese Form Ces 
Layouts w rd .m Buch durchgc- 


hond angewondol Die Abbildun- 
gen smd tchwarz-weisa. 

Be d esem Hoispiol handolt es 
s ch urn die Spezialnummor: 
Asthetik der Mathemntik, Novom 
ber 1 97G . 

Asahi Shuppun-Sha. Tokyo 
Das Format ist 25.3 x 1 5.2 cm, 
Hochformat 
Umfang 248 Se*ten. 



Practical examples 


Beispiele aus der Praxis 


Monthly art magazine Monatiiches Kunst-Magazm 

’bijutsu techo" -bijutsu lecno- Grid tor a Japanese book Raster Kir ein iapanlschos Ouch 




This art magazine ' bi|Ot$u techo" 
represents another attempt to 
arrange text and illustrations with 
tho aid of a grid. The designer 
aligns the picluro olements with 
the lines otcharactors Tho 
three text columns are notable 
lor wide interspaces. The page 
number and the indicat on of the 
subject at tho bottom of the 
page are clearly set apart trom 
tho text and picture section 
Tne Illustrations are mostly in 
black and white, some are in two 
or tour colours. 

Formal: 21 x 14.6 cm. upright 
Number of pages: 366 


The example on tho right shows 
a double page ot a Japaneso 
book Tt>e page consists of ’6 
vertically arranged lines, each of 
43 characters Each character is 
sketched as a linear square. Jap- 
anese characters, like Chinese, 
are built up on a square base 
The traditional Japanese book 
page is read from top to bottom, 
for wh ch reason the lines are 
widely spaced whereas the pro- 
grams placed one below the 
other, are moved up close 
together. 


Auch dieses Kunstmagazm 
-bijutsu techo- ist ein Versuch 
rmt Hilfe des Rastersystems Text 
und Bilder zu ordnon Der Go- 
slaltot aliniert die Bitdolemonto 
mit don Zoiion dor Schr.ltzoiChen. 
Die drei Textko onner smd durch 
grosse Zw schenraume markiert. 
Die Pagina und die Angabe des 
Themas am Fussende der Seite 
Sind dcutlich vom Bild-Tcxt-Teil 
aogetrennt 

Die Abbildungen sind mehrheit- 
lich schwarz-weiss. toils zwei- 
Uhd viortarbig. 

Format 21 x 14.6 cm, Hochtormal. 
Umfang 366 Seiten. 


Das Boispiol rechls atelll eino 
japamscho Buchdoppolsoilu dar 
Die Se »e bestohi aus 16 vortlkal 
gestellten Zeiien A jo 43 Schrilt- 
zeichen. Jedes Schriftze'Chon 1st 
a s lineares Quadrat skizziert 
Die jupamschen Schriftzeichen 
Sind, wio die chiresischen. But 
quadratischcr Basis aufgebaui. 
Die iraditionelle jepanlsche Buch* 
seite wtrd von oben nach unten 
gooson. dosha lb weisen die Zei- 
fen grosso Abstfindoaul. wahrand 
die untereinander gostoiiton Biid- 
zeichen nahe zusammengoruckt 
sind. 




The advertising brochure 'or 
"Lufthansa" is built up on a 
16-part grid. In this clear and 
simple design the pictures and 
text arc in precise alignment. 

The coloured pictures which are 
of various sores, arc arranged 
in a rhythmic pattern The title 
and text are set in two type 
sizes. 

Format 19 7x21 cm. oblong 
Number of pages: 8 


Dcr Wcrbcprospew fur die 
-Lufthansa- <sl aut emem ieie>- 
ligen Raster aufgebaut In der 
einfachen und klaren Konzeption 
almteren Text und B Ider prazis. 
Die untorschicdlich grossen 
farbbiidor smd rhythmisch 
argeordnel Trtet ur*«j Text Sinfl 
in zwoi Schfittgrossen gesetzt 
Format. 19.7X21 cm. Ouerformat. 
Umfang: 8 Seiten. 


Practical examples 


Beispiele aus der Praxis 


Prospekt -Lulthansa- 
Raslur lur die Doppelsehe 


Brochure "Lufthansa” 
Grid tor the double page 









Practical examples 


Beispiele aus der Praxis 


Brochure IBM Italy 
'la macchina” 

Grid tor the double page 


UH44+iH/i 

fiwtnm 







The "la macchina” brochuro ot 
IBM Is designed with a grid ot 
18 fields. Skill and imagination 
have been used to produce a 
varied pattern ot text, captors 
and pictures on every page 
Title*, text and captions are set 
in the same type size, but tho 
captions are in rod They are 
thus clearly distinguishable Iron 
the main text 

The pictures are black and 
white tor the most part 
Some are in black and red 
Format: 21 X2t cm 
Number ot pages. 70 


Sroschure IBM Italy 
-La macchina- 
Raster lur die DoppdSoilo 




Dus BiOSChure -La macchina- 
der IBM Italy «sl mil einem Raster 
von 18 Feldern gestaltet Mil 
Phantasie und Konnen Sind die 
Texte Bildlegendcn und die 
Abb'kJungen auf alien Seden 
vaniert dargcsteilt Tiiel. Texte 
unO legenden smd in derselben 
Schnftgrosse gesetzt. die Bild- 
legenden aber rot gcdruckt 
Damit unterscho-dcn sk> SiCh klar 
vom Haupttext. 

Die B Idcr s no meist schwarz- 
weiSS. ein Teil schwarz-rol. 
Formal 21 X21 cm 
Umfang: 70 Seiten. 



Practical examples 


Beispiele aus der Praxis 


Catalogue "Geschichte der 
Schweizer Kunstiopographie " 


Katalog -Geschichte der Schwei- 
zer Kunsttopographie- 


Grid tor the senes ol catalogues 
produced by Iho SchwCiZOnSChe 
institut fur Kunstwissenschaft 


Raster tur die Katalogscrie dos 
Schweizenschen Instduts tur 
Kunstwissenschaft 



Geschichte 

der 

Schweizer Kunsttopographie 



Series of catalogues published 

by the Schweizerische Instltut fur 

Kunstwissenschaft 

Format: 23x21 cm 

Print: in one colour, black 

Covor: in two colours, black and 

a changing colour 

The grid for this scries of cata 

loguos consists of t8 fields. 

The fields are accommodated in 
3 columns, two being wide and 
one narrow. The texts go into the 
wldo columns and tho notes and 
captions into the narrow one. 

The illustrations can take up any 
of the grid fields. 


The Schweizerische Institut fur 
Kunstwissenschaft has for some 
years adopted a uniform lino 
In the design of its publications, 
forms and exhibitions 
The catalogues presented here 
contain texts, illustrations, 
captions, references, and tables. 


Katalogserie des Schweizeri- 
schan Instduts fur Kunstwissen- 
schaft. Format: 23x21 cm. 

Druck: einfarbig. schwarz. 
Umschieg zwedarbig. schwarz 
und erne Wechseilarbo. 

Der Raster fur die Katalogserie 
besteht aus 18 Feldern 
Die Felder sind in 3 Spatten un- 
tcrgobracht. wobei zwei Spalten 
bred und etne Spado schmal sind 
In den breiten Spalten erschemen 
die Texte. in der schmalen Spaite 
die Anrrerkungen und Bildlegen- 
Cen. Die Abbildungen konnen alle 
Rasterteider betegen. 


Das Schweizerische Institut fur 
Kunstwissenschaft verfolgt soil 
Jahren eine einheitliche Linie 
•n dor Gestaltung seiner Publi- 
kotionen, Formulare und Aus- 
stellungon 

Die hier vorgesteldon Katalogu 
enlhalten Texte. Abbildungen, 
Legenden. Nachweise, Tabellon. 




Practical examples 


Beispiele aus der Praxis 


Catalogue Kunst des 19 und 20. 
Jahrhunderts' 


Katalog -Kunst des 19 und 20 
Jahrhunoerts- 


Page liom the cataloguo: Seite aus dem Katalog: -Kunst- 

"Kunstwissonschatt an Schweizer wissenschafl an Schweizer Hoch- 
Hochschulen" schulen- 



Kunst 

des 19. und 20.Jahrtiunderts 



This series of works on the 
science ol art is designed with 
the same grid and the same 
face and type sizes 
The cover design is also based 
on the same system. While the 
typographic concept romoins 
unaltered, the colour of the 
cover changes from volume to 
volume. 

The uniformity of design is 
attained through the use of the 
same format, the same quality 
of paper, the same grid and the 
same face, as well as the same 
type sizes. The difference in the 
design and colour of the cover 
makes it impossible to confuse 
one volume with another 


The uniformity of the design 
enables the series to make a 
g-eater and moro lasting impact 
on the reading public 


Oe Reihe dieser kunstwissen- 
schafllichen Werke ist mil dem 
glerchen Paster, der gleichen 
Schrift und derselben Schrift- 
graden gostahot Auch die 
Umschlaggesialtung basiert auf 
dem gleichen System Wahrend 
die typografische Konzeption die- 
selbe bleibt. wechselt die Farbe 
des Umschiagos von Band zu 
Band 

Die Emheitiichkeit der Gesfaltung 
is! crroicht durch die Verwen- 
dung dcssoibon Formats, dor- 
seiDen Papierquaiitat desse’ben 
Rasters und derseloen Schrift 
sewie derse ben Schriftgrade. 

Die Urverwechse barkeit des 
emzefnen Bundcs ist gegeben 


durch den Unterschied des 
Umschlagbildes und der Urn- 
schlagfarbe 

Die Einheitlichkoit in dor Ge- 
staltung trflgl dozu bet das3 sich 
one Work reihe besser und 
longdauernder einzupragen 
vermag 




Practical examples 


Beispiele aus der Praxis 


Brochure ‘Graphic Design by Broschu'o -Graphic Design by 
Roll Harder and Ernsl Roch" Roll Harder and Ernst Roch- 



Advertising brochure lor a 
graphic design studio. The . 
pictures and captions are lilted 
into a grid with 20 holds The 
Introductory text on the lirsl low 
pages Is sol In two columns 
The pictures vary Irom 1 to 16 
grid fields in size. 

The Illustrations arc some in 
colour and some in black and 
white. 

Format: ?&7x2l cm. upright 
Offset printing 
Number of pages: 52 


Grid lor the brochure "Graphic Raster fur die Broschuro 
Design by Rolf Harder and Ernsl -Graphic Design by Rolf Harder 
Roch and Ernst Roch. 


1 
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Worbebroschure eines grafischen 
Studios Dio Bddor und logendon 
smd cnem Raster mil 20 Feldern 
un-orgoordnet Dor omfiihrende 
Text aul den eraten Sc ten 1st 
auf 7«vci Spatter gesetzt. Die 
3ildergr6sson variieren von 
einem Rasteilold bis zu 16 Fel- 
dcm. 

Die Abb idungen smd tells faibig. 
teds scfiwarz-vreiss 
Format 26.7x21 cm Hochlormat. 
OMseldruck. 

Umfang: S2 Se«ten. 



Practical examples 


Beispiele aus der Praxis 


IBM Annual Report 


IBM Annual Report USA 


Grid lor tho IBM Annual Report Raster lor don IBM Annual Report 
USA USA 



The IBM Annual Report is design- 
ed with a 21-part grid which i$ 
used lor tho text and pictorial 
part Tho uppermost arid Held is 
made higher than tho other held* 
in order to place the titles at the 
lop ot tho page. In this way more 
space is created tor long titles 
The text and captions are set in 
•i type sizes The pictures are in 
A colours. 

Format: 26 7X?3 cm 
Number ol pages: 36 


Der IBM Annual Report ist mil 
oinem 21teihgen Raster gestaltot. 
der 'or den Text- und BildtOil an- 
gewendclwird Fur d'O Pl8Zl«rung 
der Titol am Kopt dor Seite ist das 
oterste Rasterfeld ho^er als d e 
ubrigon Folder. Dios, um mehr 
Haum lur langc Titol zu habon. 

Die Texte und Legendon sind in 
vier Schriltgraden gosolzt Dio 
Bilder sind viorlaitsig 
Formal 76.7X23 cm 
Umtang: 36 Seiten. 



Practical examples 


Beispiele aus der Praxis 


Folder tor an exhibition Faitprospokt fur ©ine Aussteliung 

Grid for the double page Rasior fur d>o Doppolsaile 



There are seven folds. The grid 
Is based on the 8-fold division 
of ihc pages into 3 squares of 
equal size The lino3 are aligned 
with tho phologruphs 
The same type size is used for 
text and captions Only the title 
is set In a bold face which is 4 pt 
larger. 

In designing folders it ‘S import 
ant to see that there is sufficient 
space between ine pictures and 
the text to ensure that they are 
not included in the fold 
Two or more squares can be 
combined lo make larger units 
thereby creating a more generous- 
looking design The sections of 
text are separated by one empty 


line The clear and practical ar- 
rangement of typography ar>d 
illustrations visually makes the 
most of the forms chosen for the 
pictures. 

The leaflet is printed on both 
sides ano. being folded seven 
times, it fits into a standard A 5/6 
envelope for mailing. 

Colours: black/ white 
Formal 56x21 cm 


Der Prospefct isl siebenmal 
QOlallOL Dor Rjstor beruht aut 
dor 8fachon. vert* a ion Tcilung 
cer Serten in drei Ouacrato 
gleiche' Grosse. Die Zeden smd 
mit den Fctografien alinierl 
Text und Bildlegenden smd aus 
Oersclbcn Schriflgrosse Nur der 
Titef ist aus eincr 4 Punkt gros 
seren Schnft und felt gesetzt 
Bet Fallprospekten ist daraul zu 
achton. dass zwischon den B 1 - 
dem Uhd Tcxtspalton genugend 
Abstana emgepianl wird, damit 
sie nient in die Faltung tiinein- 
kommen. 

Die Zusammenfassung von zwei 
urd mehr Quadratcn zu grosseten 
Emheilen ermoglichl eme gross- 


zugigere Geslallung Die Ab- 
stdndo zwischen den Textab- 
SChmilon bolragon je 1 Leotzeile. 
Die sachlicho und klaro Ordnung 
von Typogiafie und Abbildung 
unterstutzt dm Wirkung der bild- 
eigenen Formen. 

Dank der s.ebenfachen Faltung 
konnte der boidsuitig bedruckle 
Prospekt im normal on Couvort 
A 5/6 verschickt werden. 

Farben: schwarz/weiss. 

Formal 56x21 cm 



Practical examples 


Beispiele aus der Praxis 


Brochuro lor Iho ‘'Pirelli Group" 
Grid for the double page 



Broscliurc -The Pirelli group- 
Raster lur die Ooppeisene 




Tho Brochuro is designed wilh 
a grid comprising 24 square 
lields There are pictures ol 10 
dilleront sizes arranged SO that 
tt'ere is a lively contrast between 
largo and small formats. 

Tno llrsi and last lines of the text 
columns a'e aligned with the 
illustrations al Iho loo and bottom 
ol the page. Tho other lines are 
nol specifically related to ihe 
pictures. 

This example is typical of many 
inasmuch as a preciso grid is 
selected lor Iho pictures But (with 
tho exception ol the first and 
last lines) it does no: govern the 
lines ol text The text is set in 
two type sizes The pictures arc 


some in colour and some in 
black and white. 

Format 29.7 X 28 cm. upright 


De Broschure ist mit emem 
Raster mit 24 quorlormabgcn 
Feldern konzipiorl Dio Gilder 
sind in 10 verscluedenen Grossen 
<n tebendiger Abwechsiung von 
grossen und klemen Formalen 
angeordrvet. 

Die Textkolonnen sind mil dor 
O'Sion und Ictzlon Zdlo obon 
und union aui dor Seite mil den 
Atibildungen almieri Die ubrigen 
Zeiler sind nicht auf die Bilder 
a jsgerichtet. 

Dieses Bctspici 'St charaktc- 
ristisch fur vieie andere In dem 
Smne. dass fur die Bilder ein 
gerauer Raster gewahlt wurdo. 
der ater nicht lur die Textzoilen 
verbindlieh >st imil Ausnahmo 


der erslen und lelzlen Zoilo). 

Der Text isl m zwoi Schriligradon 
geselzt Dio Abbildungon Sind 
toils (arbig. toils schwarz-weiss. 
oilsotdruck 

Format 29,7x28 cm. hoch- 
tormatig. 




Practical examples 


Beispiele aus der Praxis 


Periodical ‘fodor 24". Holland 


Zeilschrift -fodor 24.. Holland 


Gr.d for the period cal ‘fodor 24 . 
Holland 


Raster lur die 7oiischr.fi ..(odor 
24-. Holland 



The museum periodical -fodor 
is designed with a 40-part grid 
II 13 Inloresling to nolo that 
all Iho texts are set with iho 
composer. For this reason Iho 
grid plan indicates by means of 
dots in the grid fields the number 
ol key strokes neodod for the 
grid to bo correct. 

Format: 25x20 cm. upright 
Number of pages: 8 



D o Museums-Zeitschrift -fodor- 
i$l mil cincm 48teiligen Raster 
gestaltei intc’essant ist. dass 
alle Ie«te mil Ocm Composer 
gose^t smd. D.c Rastervoriage 
gibf deshalb in Form der Punkte 
in don Rasterfeldern die Tasten- 
anschiagc an. die beachlel 
werden musson. damit der Raslor 
stimmt. 

Format: 25x20 cm. Hochformat. 
Umfang: 8 Seiten. 






Practical examples 


Beispiele aus der Praxis 


Catalogue "Pharmacie Principal® 

Genfive" 


Katalog 

• Pharmacie Principal GenOve- 


Gnd for the catalogue 
"Pharmacie Pnncipale GonOvo" 


Raster lur den Katalog -Phaima- 
cio Pnncipale Gen6ve~ 


126 



The arrangement of the photo- 
graphs for the catalogue "Phan 
macio Prncipalo GonOvc" is 
designed with a 49-port grid, the 
text is set in 4 columns. The 
background form on which the 
products are superposed changes 
in shape and size from page to 
pago 

The photographs are Black and 
wh'te, the text is printed in red 
Format: 20 5 x 20.5 cm 
Number of pages: 32 


Die Arordnyng der totograhscher 
llilder fur den Kalalog -Pharma- 
cie Pnncipale Geneve- ist m>t 
einem 49teil*gen Raster konzi- 
piert, der Text isl in 4 Spa'ton 
gesetzt Dk» Hmlcrgrundform, 
aul der dio Produkte iieqen, 
wechselt in Form und Grosse 
von Seite zu Seite. 

D e Fotos sind schwarz-woiss. 
der Text rot godruCkt 
Format: 20 5 x 20.5 cm. 

Umfang: 32 Sellen. 




Practical examples 


Beispiele aus der Praxis 


Brochure lor Ihe lighting equip- 
ment firm "Swiss Lamps" 


Prospekt fur die Beleuchlungs 
firma - Swiss Lamps- 


Grid for the brochure of ihe 
ghting equipment Urrr. 'Swiss 
Lamps 


Raster fur den Prospekl der Be- 
leuchtungslirma -Swiss Lamps- 



The 54-part grid and the 5 col? 
umns enable ihe difficult problem 
oi placing technical data and 
drawings io bo solved satis- 
factorily Most of the photog'apns 
aro largo m sae whereas tho 
technical specifications ire 
small The text is set in two dif- 
lerent typo Sizes The lustrations 
relate in brlct Ihe history of 
lighting. The covers carry a multi- 
exposure photograph of the arm 
of a lable lamp n the process 
o! turning. 

Format 29.3x21 cm. 4 colours. 


Der 54tclllgc Raster end die 
5 Spaiten efmog'ichen die 
anspruchsvollc P azicrung von 
techmschen Daten und Zcich- 
rungen Die Fotograticn Sind 
meist g-ossformallg. die lech- 
rischen Darslollungen klein- 
formatig 

Fur den Text sind zwei Schntt- 

grado verwerdet 

Die Abb idungen erzAhlen m 

Kurzform die Gesch.chte der 

Bci<?uchtung. 

Die Umschiacseiten zeigen in 
Meh'tachbelich'ung den Dreh- 
arm emer Tischlampe im Bewe- 
gungsablauf. 

Format 29.8x21 cm. vierfarbig. 



Practical examples 


Beispielc aus der Praxis 


Catalogue "Rosenthal" 


Katalog -Rosentna:- 


Gr*(3 lot the catalogue 
• Rosenthal” 


Raster fur den Katalog "Rosen- 
thal- 



Tne catalogue for the ' Rosenthal 
Studio-Lime" Is designed with a 
60-part grid. This (ine-meshed 
division allows very wide scope 
In the organization ol pictures 
and text but requires the designer 
to exercise sell-discipline by 
using his resources with restraint 
All the illustrations and texts are 
on a black background. In tnis 
way the pictures gain in expres- 
sive power. On the other hand 
the texts aro more difficult to 
read it they aro too long and too 
closely set. Hence, negative texts 
should, os In our example, be 
short and set with relatively 
spacious leading 


The illustrations are black and 
white and coloured 
Format 30 * 30 cm 
Number ol pages: 62 


Dcr Katalog der * Rosenthal 
studio- Unie- 1 st mil einem 
60teii*gen Raster gestaitet. Diese 
le rgliednge Unterteilung der 
Seite erlaubt erne grosse Freiheit 
in der Bild- und Textorganisation, 
verlangt abor vom Gestalter emo 
kluge D sziplin in dcr Boschran 
kung dor Miltol 

Alio Abbiidungen und Texte ste- 
hen auf schwaizem Untergrund. 
Die Bilder gewinnen an AusCruck 
Aul der anderen Seite wird das 
Lesen de' Texle erschwort. sulern 
sie zu lung und zu eng gesotzt 
sind. Negative Texte sollten daher 
kurz un-J. wie in unscrem BciSpiel. 
mit reiativ grossem Zeilendurch- 
schu-ss gesetzt sem 


Die Abbildungen sind schwarz- 
weiss und farbig. 

Format: 30x30 cm. 

Umlang: G2 Seiten. 




Practical examples 


Boispiele aus der Praxis 


Magazine “CCA Today ’ USA 


Zeitschr.lt -CCA Tooay-. USA 


Grid for ihe magazine ' CCA 
Today". USA 


Rasler fur die Ze ischrifl -CCA 
Today-. USA 



The magaz ne "CCA Today"- 
roquiros a grid with 65 *io!d3 for 
tho many functions it has to 
diSChorgo. Large pictures alter- 
nate with thoso of dim nut ve 
size. Thioo typo Sizes. in medium 
and seml-bold, aro used for ihe 
titles, text and captions Tho 
titles are printed in black or bluo. 
depending on their importance 
The pictures and lines of text 
align whore the pictures are 
accurately trimmed. 

In general, periodicals ncod a 
lino-mQ3hed grid The contents 
of tho text and pictures are con- 
stantly changing and call t or a 
high degree of flexibility on the 
part of tho designer. 


On Ihe olher hand there >s a 
greater risk that the wealth of op- 
portunities a'forded by the 65 grid 
fields may cause the designer to 
neglect clarity and logeahty of 
layout. 

All the illustrations are printed 
in black and white 
Formal: 43.1 x 28 cm upright 
Number o' pages: 4 


Die Zeilschrift -CCA Today- 
tenotigt fur die vielfalhgen Aufgo- 
ben eme-i Raster mil 65 Foldom. 
Grosse Darstellungen wechseln 
r^it kleinslen B Idem ab. Fur 
die Titcl. Texte und Legenden 
.verden Orei Schriftgrade. normal 
und haiblctl vcrwendel. Die 
Titel ft-erden je nach Sfollerwerl 
schwarz Oder b:au gedruckl. 

Bild und Schriflzeilen elmieren 
dorl. wo die Bilder prazis be- 
SChmtton sind. 

Im allgeme ren benotigen die 
Zeitsch* 'ten e non foingedrigen 
Raster D e Inhaltc der Toxte und 
Bilder wechseln bestandig und 
verlangen vcm Gestaltcr grosste 
Flexbilitat. 


Au' dor andoren Seife wachst die 
Gefahr dass dio Vielzahl der ge- 
stalteilschon MOglichkoiten mit 
65 Rasterfeldorn zur Missachtung 
der Klarheit und OborSiCMIichkoit 
in der Geslalfung fuhrt 
Alle Abbildungen sind schwoiz- 
weiss gedruckt. 

Formal: 43,1 x 28 cm. Hochformat 
Umtang: 4 Soiten. 


Practical examples 


Beispiele aus der Praxis 


Poster “Tho New Swiss Film" 


Plakat -Der Ne je Schweize- Film- 


Grid lor the poster The New 

Swiss Film" 


Raster fur das Plakat 'Der Neue 

Schwelzer Film- 



The New Swiss Film 

ooN™ IW.I aja* y-inn 



The poster "The New Swiss Film" 
is laid out with a 72-field grid and 
printed in black and white. It is 
one of a series of posters design- 
ed with the same typography 
throughout but a variable pattern 
Of pictures 

The horizontal spaces between 
the pictures are considerably 
larger than the vertical since they 
must provide space for 4 lines of 
caption text. The marginal zones 
ore kept !a*ge so as to surround 
the photographic illustrations 
with the greatest possible Black 
Background The poster is 
59.3X41.8 cm In size 


Das Piokot -The New Swiss Film- 
ist mit e nem Raster mit 72 Fet- 
dem konzipierl. ist schwarz-weiss 
gedruckt und gehorl einer Serie 
von Plakaten an, die mit dersel- 
ben Typografie. aber unterschied- 
licher Bildanordnung gestaltet 
ist. 

D'O honzontalon Bildabstando 
st«d Dodcutcnd grosser ats die 
vert ik a ten. da sie fur & Zeilen Le- 
gencentext Raum Bieten ’n.iissen. 
D e P.andzonen sind gross gehal- 
ter. um die fotografischen ABbil- 
dungen mil mbglichst grossem 
schwa'zcn Hintorgrund umgeben 
zu konner. 

Das Plakatformol >Sl 59.3 x 41 .8 





The grid system in corporate identity Das Rastersystem im Erscheinungsbild 


The conception ol a corporate identity must be planned 
for all the information media which a firm uses for 
transacting its internal and external business. A basic 
idea must bo sought which enables consistent, logical 
and functional answers to bo found to the problems 
arising but it must do more than this: the conception, 
once found, must be capable of growing into a 
programme which retains its distinction in practice as 
the years go by and characterizes the philosophy of 
tho firm. 

A particular difficulty arises from the fact that the 
conception must be suitable for functions which will 
only become apparent in the future. Grid planning must 
take account of type and colour problems at one and 
the samo time. Tho conception of a corporate identity 
must have great flexibility so as to be equal to communi- 
cation functions which are as yet unknown. In all the 
varied range of its application the corporate identity 
should always create a sense of tension and innovation. 
This is a domand which calls for a very high order of 
intelligence, knowledge, ability and imagination on the 
part of the designer. 

The corporate identity of even a medium-sized firm 
comprises a large number of information vehicles which, 
assessed from the advertising point of view, are all 
capable of promoting the firm s image: 

133 all forms of stationery for internal and external use. 
including letter and bill forms, delivery notes and order 
lorms, trademarks, emblems, visiting cards, envelopes of 
various sizes, van liveries, labels, packages, brochures, 
calalogues. press advertisements, exhibitions, lettering 
on doors and premises, etc. Many large firms have 
recognized the importance of the idea of a corporate 
identity and called in highly qualified men and women 
to design it. 


Die Konzeption eines Erscheinungsbildes muss fur alle 
Informationstrager. die ein Unternehmen fur die Ab- 
wicklung dnr mternen und externen Aufgaben cinsetzt, 
geplant werden. Es soil nach einer Grundidee gesucht 
werden. die es ermoglicht. samtliche in diesem Zu- 
sammenhang auftretenden Probleme nicht nur konse- 
quent. sachllch und tunktioncll zu loscn. dio gefundeno 
Konzeption muss sich auch iiber Jahre hinaus in der 
Praxis a Is profiliertes und die Unternehmensphilosophie 
charakterisierendes Programm erweisen. 

Eine besondere Schwiengkeit liegt darin, dass sich die 
Konzeption auch fur erst in dcr Zukunft auftauchende 
Aufgaben cigncn und dcshnlb cinogrosse Flexlbilitiif 
besitzen soli. Mit der Rasterplanung sind auch die 
Schrift- und die Farbprobleme gleichzeitig zu behandeln. 
Das Erscheinungsbild soil auch in der variationsrclchcn 
Anwendung immer wieder spannungsvoll und innovativ 
wirksam scin cine Anfordorung. die ein reichos Mass 
an Intelligenz. Wissen. Konnen und Phantasie von seiten 
des Designers erfordert. 

Das Erscheinungsbild eines mittleren Unternehmens 
umfasst eine Menge von Informationstragern. die alle, 
vom werblichen Standpunkt aus beurteilt. das Image der 
Firma zu fordern imstande sind: 
samtliche Briefformulare fur den externen und internen 
Gebrauch. u. a Brief- und Rechnungsformulare. Licfer- 
und Bcstellscheino. Wortmarkc. Signet, Visitcnkartcn. 
Couvcrts in verschiedenen Formaten, Lieferwagen, 
Etiketten. Packungen, Prospekte, Kataloge. Inserate, 
Ausstellungen, Anschriften an Turen und Gebaulich- 
keiten usw. 

Viele Grossunternehmen haben die Bedeutung der 
Corporate-ldentity-ldee erkannt und berufonc Designer 
fur die Gestaltung beigezogen. 


The grid system in corporate identity Das Rastersystem im Erscheinungsbild 


Modern typography calls for a logical and systematic 
organization of the pages of text and pictorial matter: 
a 

titles of the same size and in the same position on all 
pages, the same typeface being maintained throughout 
b 

subtitles of the same sizo and in a position always the 
same distance from the preceding and the following text 
c 

captions to illustrations all ol the same size and 
arranged in the same relationship to the illustration 
d 

the same grids for text and pictures on all pages 
e 

displays of the same size and arranged in the same 
relationship to the text 
f 

ditto marginal notes 
9 

illustrations: photos, diagrams, statistics etc. in grid-field 

sizes 

h 

photos should reflect the same photographic approach 
throughout 

i 

insofar as illustrations must be objective they should be 
presented in the same style throughout 
k 

statistical material should be displayed in the same 
form throughout 
I 

the same colours to be kept for the same types of content 
m 

the leading to be kept the same throughout for all texts 
using the same size of type 
n 

1 . 2 or more complete empty lines to be used for dividing 
the text but not half empty lines otherwise the lines of 
the next column will no longer align. 

If a printed work is to be uniform in design throughout, 
the same grid and the same type sizes must be usee 


Die moderne Typogratic vcrlangt cine logische 

und systematische Gliederung der Satz- und Bildsoiton: 

a 

Titcl in derselben Grosse und an derselben Stelle auf 
alien Sciten, in dcr gleichbleibenden Schriftart 

b 

Untertitel in derselben Grosse und inbezug auf die 
Stellung im Text mil gleichbleibendem Abstand zum 
vorhergehonden und zum nachfolgenden Text 
c 

Legenden zu Abbildungcn in gleichbloibondcr Grosse 
und Anordnung im Verhaltnis zur Abbildung 
d 

gleichbleibender Satz- und Bildraster auf alien Seiten 
e 

Auszeichnungon in gleichbleibender Grosse und 
Anordnung im Verhaltnis zum Text 
I 

do. Marginalien 
9 

Abbildungcn: Fotos. Illustrationen. Statistiken usw. in 

Rasterfeldgrossen 

h 

Fotos in derselben fotografischen Auffassung 
i 

Illustrationen. sofern sie sachlich sein mussen, im 
gleichen Darstellungsstil 
k 

Statistische Darstellungen in derselben Darstellungsform 

I 

dieselben Farbon fur gleiche Inhalte 
m 

gleicher Zeilendurchschuss fur alle Texte rnit gleich- 
grosser Schrift 
n 

1. 2 Oder mehr voile Leerzeilen fur Textunterteilungen 
verwenden. keine halben Leerzeilen, weil sonst die 
Zeilen der nachsten Spalte nicht mehr aliniert sind. 

Die einheitliehe Gestaltung einer Drucksache vcrlangt. 
dass die Umschlagseitcn mit demselben Raster und mit 
denselben Schriftgraden, die fur die Innenseiten 


The grid system in corporate identity 


/or the cover as lor the inside pages. For a design to 
follow consistent principles in all parts it is essential 
that the concept lor the inside should be developed from 
the very outset along with that for the cover. 

Tho grid to bo dovisod for this purposo must moot the 
needs of a striking cover as well as those ol an 
objective and ellective presentation ol the subject inside 
the book. This is a task which confronts the designer 
with a number ol additional problems and requires him 
to do some extra thinking if he is to come up with n 
solution which is both functional and aesthetically 
pleasing. 

It Is hardly surprising, then, that the results we usually 
see are those in which the cover has been designed 
Independently of the inside pages. Released from the 
need to adhere to the plan of the inside pages the 
Imagination has greater scope with regard to the use ol 
free forms and the number and selection of colours. 

Most designers favour this simpler method. 


Das Rastersystem im Erscheinungsbild 


verwendet werden, gestaltet wird. Dieso Form konso- 
quenten Gestaltens erfordert. dass zu Beginn das 
Konzept fur die Umschlagseiten zusammen mit dem- 
jenigen der Innenseiten entwickelt wird. 

Der Raster, der daftir gofundon wordon muss, soli alien 
Anspruchcn. die cin offektvoller Umschlag und dio 
sachlich-wirksame Prasentation des Themas auf den 
innenseiten verlangen. genugen. Diese Aufgaben- 
stellung stellt mehr Fragen an den Gestalter und notigt 
ihn zu mehr Oberlegungen, will or zu einer sowohl 
funktionell als auch asthetisch uberzeugenden 
Losung gclangcn. 

Es uberrascht denn auch nicht. dass wir meist 
Resultaten begegnen. bei denen die Umschlagseiten 
unabhangig von der Konzeption der Innenseiten 
ontworfen wurdon Fro; von der formalcn Bindung an 
die Innenseiten hat die Phantasie mehr Spielraum 
mbezug auf Verwendung freier Formen. Anzahl und 
Wahl der Farben. Die Mehrzahl der Geslalter wahlen 
diesen einfacheren Weg. 




The grid system in corporate identity 


Das Rastersystem im Erscheinungsbild 


1 

Grid lor catalogues, brochures 
and leaflets 

2 

Double page out of a product 
range brochure 





1 

Raster fur Katalsge. Prospekte 
und Einzelblatter 

2 

Do p pc I strife aus dem Produce- 
P rogr amm • Prospckt 



•—» 


3/4 

From and back page of a 
brcchure featuring a company s 
range o! products 
S-6 

Inside and outs*do page ot an 
accessories brochure 



3 


3/4 

Vor- und Ruckseite ernes 

Produkte-Programm-Prospcklcs 

5,6 

Innen- und Aussenscite des 
Zjoenor-Pruspoktes 


I**M S-/-.W.J IOC’ 



■"'W •**■***••*• V71 



Leading companies have defined 
thoir corporate image in terms 
of Its formal and colour aspects 
ond rocoroed them in a des gn 
manual to which the staff 
responsible for such matters 
must refer. 

Before a grid can bo devised for 
a corporate image, oil the firm s 
documents to which the design 
is going to apply must be 
made available. 

If the lirm wishes to havo a new 
device or a word trademark 
devised, the rolo of such a device 
or mark must also be considered 
in the ight of the corpo'ate 
image to be designed. 


In the conception of the design, 
thought must be given to uni- 
formity of printed matter . forms, 
external notices TV spots, 
exhibitions, etc Particular im- 
portance also attaches to tho 
selection of colour as a 
characteristic Of the firm 


Eedeuterdc F rnon haben das 
Erschoinungst>ild mit semen for- 
malen und larblichen Aspekten 
in Form cmes Design-Manual 
lostgclogt und als verbindiiche 
RlChtlirie fur die dafur verant- 
wortlichen f/itarbe ter best i mm t 
Re vor Cer Raster ‘iir ein 
Erscne nurgsbild komipiert 
werden kann. mutstlt atle 
Utiterlagen des Untcrnehmens 
die gestattet werden solien. zur 
Vcrlugung steheo 
Wcnn dasUntemehmen ein neues 
Sgnet Oder eine Wortmarke 
entworfen haben mochte. muss 
das Signet occ-r d e Worlmarkc 
a uch im Hinolick auf das in kon- 
zip.«rende ErschoinungsbUd 


uberdacht werden. Zur Konzep- 
tion gef oren die Ubcrlogungen 
•nboxug uui einheltliche Dmck- 
sachen. Formulate. Aussennn- 
SChri'ten TV-Spots Ausstellun- 
gen usw Der fur das Unterneh- 
men charaktensfischen Farbwahl 
kommt einegrosso Bodcutung zu 



The grid system in corporate identity 


Das Rastersystem im Erscheinungsbild 


7-U 

Tillo pages ol product brochures 


7 14 

T itelseiten won Prod jktprospekten 




•W*** Trt, 


OfSTT 



•"•ii 0r**-*»* tie • 





V» <*«t>l 'SuHiir* *[P 0 
;-nnr».iTv O.C*« VwiCl ir») no. 


w.>w*.(4 OMM***! t>pUO 

/.Vl%ll>"|irlir»< >,» tCl 





II 

The cover pages of all brochures 
are. like the inside pages, design- 
ed on (he grid which has been 
la d down lor all printed mailer 
The size and kind o' typeface 
remain the some. 

For the cover of brochures devot- 
ed to the whole product range 
special photographic subject 
matter has been chosen which 
distingushes them pictonally 
Irom the brochures lor individual 
products. The products are 
presented along with the r fields 
of application: one-famiiy house, 
housing development, district 
school, industry ole. 

The photos align with the Illus- 
trations on the inside pages and 



12 

tie display faces wilh the titles 
on the tollowing pages 
Grid with 30 hckls 
Typeface display sans sent 
4 colours 

Forma* A 4 29 7X?1 err 



13 

Die Umschlagseitcn allor Pro- 
spekte Sind, analog den Innen- 
soiton. au» dor Bas«S des tin alle 
Drucksachcn vorbmclichen Ra- 
stets gestaitet Schrifttype und 
Schr 'tgiossen bleiben sich 
gieich. 

D.e Broschuren ml dem gesam- 
ten Produkte-Programm haben 
fur den Umschtag cine spczicllo 
Fololhcmalik de s«ch cmdeuiig 
von der Bildkonzeption der Pro- 
spekte fur die emzelnen Produkt- 
darslellungen untersche del Die 
Produkte sind mit ihren Anwcn- 
dungsbereichon Eintamilionhaus, 
Siedlung. Quarticr SchulO Indu- 
strie usw. prasentiert 





14 

Dio Folos alinieren mil den Ab- 
b' dungon auf den Innenseiten, 
ebenso dio Titulschrilten mil den 
Titeln dor tolgondon Soiton 
Raster mil 30 Foldorn. 

Schrift: Akrfdenz-GrOtQSk. 
4farbig 

Format: A 4 29.7x2: cm. 


The grid system in corporate identity 


Das Rastersystem im Erscheinungsbild 


1516 

2 double pages oul of the 
company brochure 


15't6 

2 Doppclsoiton jus dor Firmen- 
Broschure 


17 

From aiKl back page of a 
company brochure 

18 

Delivery van with trademark and 
livery colours 


17 

Vor- und Ruckseitc finer Flrmon- 
Broschuie 

18 

Liole’wagen mil Worimarke und 
Huusfarben 



Figs, loll 

Tho brochures and leaflets 
produced by related companies 
abroad are designed on tho same 
grid. Here the titles will again be 
found in the same typeface, size 
of type and position as in Iho 
preceding examples. Illustrations 
text and captions are matched. 
Figs, right 

Th© word mark "weishaupt”. 
which is printed in red on all 
printed matter, also appears 
uniformly on ah dolivery and 
service vans of tho f rm. Tho 
arrangement o’ the lettering and 
tho colour scheme are also kept 
tho same throughout me word 
mark is printed in red on a white 


band, framed by an area o’ yellow 
at th© top and th© bottom 

All tho other advertising media 
such as Hags, w ncow d solay 
material, light finings etc. are 
designed with the sa~e lettering 
and colour scheme. 


Abb links 

Auch o«o Broschuicn und Pro- 
spekte oer Betnebe im Ausinnd 
smd mitdemseiDen Raster ge- 
staltet Auch hier s nd die Titel in 
Cer ge chen Schr ‘ttype. Schr.ft- 
grosse und Posit on zu finden ,v e 
in den vo'hengen Beispielen. Ab* 
bildungcn. Toxt und Lcgcrdcn 
sine aulcmandcr ubgeslimmt 
Abb. rechis 

Wie aul alien Diucksachen die 
rotgecruckte Wortmarke «weis- 
haupt- steht. trager. alle Lieler- 
und Scrvco wagon der Firma ein- 
hOitUch diosolbe ’.Vortmarke 
SchriltanorCnung und Farbgo- 
bung Sind eoenla»S durchgchond 
c'eichgehalten aul weissem 


Streilen <31 die Wortmarke rot, 
oben und unten von einer gelbcn 
Flache emgerahml. 

A i-o ubr-gen Werbeliager. ‘.vie 
Fahnon. Schautenstersteller, 
Leuchten usw . sind mit derselben 
Schrllt- und Faibkonzoption go- 
staltet. 
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Das Rastersystem im Erscheinungsbild 


19 

Cover and back page of the 
jubilee book of the company 

20 

Doubio page from the jubilee 
book of Ihe company 


19 

Umscnag- urvd Rucksene des 
JuDilaumsboches der Fifma 

20 

Doppelseite aus cem Jub laums 
buch der Firina 


21/22 

Double pages from the jubilee 
bcok of the company 


21/22 

Doppclseiion aos dom Jubitaums- 
buch der Firms 




The firm’s jubiiee book was 
designed on the samo princpics 
as its printed advertising matter 
The tent and captions arc set In 
Helvetica. The titles are placed 
in an empty space above the type 
area. The lettering on the spine 
Of the book and the typographic 
arrangement of the title page are 
matched to the type area of the 
inside pages. 

However, to accontuato the 
festive character ot the book alt 
tho photographs are O' nted full- 
page i e. are bled otf, and the 
format has been enlargec from 
the otherwise regulation A 4 tc 
the somewhat S-oader 30 x 25.5 
cm. 


The photographs have been 
selected tor both their aesthetic 
and material content and are 
printed in four colours. 


Das Jub Sumsbuch der Firms 1st 
nach denselben konzeotionellen 
Uberlegungen, die auch fur die 
•verb chen Drucksachen bestim- 
mend waren. gestaltet. 

Text und Logcndcn smd in der 
Helvetica gesetet Die Titet stehen 
in cinem tie»en Raum uber dem 
Satzsoiegel Die Beschnttung des 
Guchruckcrs urc fl e typografi- 
schc Or dnung der T iielseite sind 
out den Satzspegel der Irnon 
seiten abgestimmt 
Um obe» den test ichen Charakter 
des Bcches ?u unterstreichen. 
s 'd al e Abbi dungen ganzseitig. 
d. h randabfallend, gedruckt und 
das Format des Buches im Gegen- 
satz zu den durchwegs verwende- 


ten A 4-Formaten auf das etwas 
breitere Format von 30 X 25,5 cm 
vcrgrOssert. 

Die lotog-afischen Aulnahmon 
sind nach sacM chen v/ic Oalliell 
schen Gcsichtspunklen ousge- 
wahlt Alle Abbildungen sind 
vie'tarbig. 



The grid in three-dimensional design 


Just as in two-dimensional design the grid can also be 
a useful aid in the design of three-dimensional layouts. 

It enables the visual media to be arranged practically 
and systematically so as to be readily comprehended by 
the visitor and at the same time confers advantages 
from the economic, time and aesthetic point of view. 

For designing an exhibition in a room, the grid is applied 
to the four walls, the floor and the coiling. As in the 
case of probloms presented by the two-dimensional 
surface, the grid structure, i e. the size of the grid fields, 
depends on 
a 

the size of the room, 
b 

the number of items of information in text and pictures 
which have to be placed, 
c 

tho size and number of products to be presented, 
d 

the furniture required in the room: tables, chairs, shelf 
units, display walls, light fittings etc 

In tho case of exhibitions, information presented in texts 
and pictures is as a rule reduced to the minimum. 

Large and easily legible notices and pictures, clear 
organization of the products, sparingly used subject- 
related colour and functional architectural conception 
can, with the aid of a systematic grid arrangement, 
make it easier for the visitor to grasp what is on show 
and be persuaded of its merits. 

In arranging texts and pictures one point to remember 
is the eye level at which the visitor views them. A height 
of 170 cm can be taken as an average. 

Texts or pictures placed too high tire the visitor because 
they force him to hold up his head too much; pictures 
and texts placed too low are equally fatiguing. A slightly 
downward angle of the head imposes the smallest 
strain on the muscles. In planning the grid for a three- 
dimensional design the process is basically the same as 
for a two-dimensional grid Certain additional problems 
are raised by the material, lighting and circulation of 
the visitors. 


Der Raster in der dreidimensionalen 
Gestaltung 


Wie in der zweidimensionalen Gestaltung ist das Raster- 
system auch in der dreidimensionalen, raumlichen 
Gestaltung cin zweekmassiges Hilfsmittel. Es ermog- 
licht die sachliche und systematische Organisation und 
ubersichtliche Darstellung der visuellen Mittel und 
vermag okonomische. zeitliche und auch asthotische 
Vorteilc zu bringen. 

Die Gestaltung mil dem Raster umfasst bei einer raum- 
lichen Ausstellung die vier Wande. die Bodenflache und 
die Decke Wie bei der Ldsung von Problemen fur die 
zweidimensionale Flache hangt auch hier die Raster- 
struktur. d. h. die Grossc der Rasterfclder, ab 
a 

von der Grosso des Raumes, 
b 

von der Anzahl toxtlichcr und bildlieher Informationcn. 
dio untergcbracht werdon mussen. 
c 

von der Grosse und Anzahl der Produkte. die prasentiert 
werden sollen, 
d 

von der benotigten Moblierung des Raumes: Tischo, 
Stiihle. Gestelle, Stellwande. Beleuchtung usw. 

Fur Aussiellungen wird in der Regel die textliche und 
bildliche Aussage auf ©in Minimum beschrankt. 

Grosse und dcutlich lesbarc Schriftcn und Bilder. klare 
Organisation der Produkte. sparsame, themabezogene 
Farbgebung und eine technisch funktionelle architek- 
tonische Konzeption kann durch eine systematische 
Rasterordnung dem Besucher die Rezeption des 
Themas leichter und uberzeugender machen. 

Bei der Anordnung von Text und Bild ist Rucksicht auf 
die Augenhohe des Besuchers zu nehmen. Es kann 
eine durchschnittliche Hohe von 170 cm angenommen 
werden. 

Zu hoch plazierte Texte Oder Bilder ermuden den Be- 
trachter weil er den Kopf ubermassig nach oben halten 
muss, ebenso anstrengend sind zu lief gesetzte Texte 
und Bilder. Wenn der Kopf leicht gesenkt gohalten wer- 
den «ann, ist die Anspannung am geringsten. 


The grid in three-dimensional design 


Der Raster in der dreidimensionalen Gestaltung 


Systematic organization of the plan and elevations 
enable the best possible use to be made of the exhibition 
area for the presentation of the products or the theme. 
Hore again success depends upon the designer fulfilling 
tho requisite conditions: 

Study of tho problem. 

study of the spatial dimensions of the exhibition area, 
study of the environment and the factors which may 
exert any kind of mfluonce on the impact made by the 
exhibition, 

study of visitor habits when inspecting an exhibition 
with the usual surfeit of visual sensations, 
study of visitor routes and walking directions, 
study of lighting conditions, 

study of tho maximum distances at which texts can still 
be read. 

study of the distance from the neighbouring exhibitors, 
study of technical problems: water, electric connec- 
tions, soil characteristics of the exhibition site. 

The name of the firm, emblem, product, service, etc., 
like informative texts, pictures, and colour, must be 
high-lighted in a way that is clear and unmistakable and 
suited to the importance of the item. 


Bei der Planung des Rasters fur die dreidimensionale 
Gestaltung wird im Prinzip gleich vorgegangen wie bei 
dor Rasterkonzeption fur eine zweidimensionale 
Gestaltung Nou kommen einige Probleme dazu, die das 
Material, die Bclouchtung und die Zirkulation der 
Besucher betrefton. 

Durch die systematisierte raumlicho Glicdorung des 
Grundrisses und der Aufnsse kann die Ausstollflache fur 
die Produkte- Oder Themen-Prasentation optimalisiort 
werden. Auch hicr mussen vom Gestalter Bedingungen, 
die fur eine erfolgrcichc Wirkung wichtig sind. erf ul It 
werden: 

Studium der Aufgabe. 

Studium dor raumlichen Dimensioncn der Ausstollflacho, 
Studium dor Umgcbung und der Faktoren. die die 
Wirkung der Ausstellung in irgend cinem Sinne beein- 
flussen konnten. 

Studium der Besuchergewohnheiten boim Bcsuche 
einer Ausstellung mu einem gewohnlich ubergrosson 
Angebot an visuellen Sensationen. 

Studium der Besuchcrwcge, der Marschrichtungen. 

Studium der Beleuchtungsverhaltnisse, 

Studium der maximalen Distanzen. aus der Anschriften 
noch gelosen werden sollten, 

Studium der Distanzen zu don bcnachbarten Ausstellern, 
Studium der technischen Probleme: Wassor. elcktrische 
Anschlussc. Aufhangevorrichtungen. Bodenbcschaffcn- 142 
heit des Ausstellungsgelandes. 

Firmenname. Signet, Produkt, Dienstleistung usw. 
mussen. wie informative Texte. Bilder. Farbe. entspre- 
chend ihrer Wichtigkeit klar und unmissverstandlich zur 
Gcltung kommen. 







The grid In three-dimensional design 


Der Raster in der dreidimensionalen Gestaltung 


Gnd division ol Iho outer tacos 
ol a ibroo-climnnr.inn.sl apace 
w.lh (o*i ano picture sketched in 


RlUterelnteilung der Ausaenseiten 
ernes dre ctmensionaien Rmirxes 
mil skzzierlem Tex! und Bild 


Grid d.vision ol l".e inner faces of 
a inr6e-dimensional space with 
text and picture s-cetched In 


Raotoreintellung dor Innonaelten 
ftinoa creirtmansionalen Raumes 
mlt akixxiertem Text und Gild 



Designing in three dimensions, 
i. e. solving spatial prob'ems, 
wiin Ihe grid systom does 
not dlfler In prlnc pie from 
working In Iwo dimensions. The 
way In which tho grid con bo 
applied can be readily explained 
with the aid of tho cube The 
outer surfaces — ond hence also 
iho inner surfaces — are covered 
with Iho required gnd 'o’icule 
insofar no both tho ins'do and 
outside are to bo ncluded In the 
design Texts and illustrations 
and also the furniture are 
Ihen matched to the dimensions 
ol the grid, as are the wall 
openings, windows, doers and 
light filings The size of Ihe grid 


Helds Is to be decided in ihe 
light of practical cons ide rat ions. 
The size of the grid can be 
cetermmeo according to tho 
amount of fext and pictorial 
in'ormntion to bo givon SP.KO 
on the walls, accord ng to 
Iho sizo and quantity of the items 
tc bo oxhrbltcc. or accoroing 
to the furniture required such 
os shelf units. tab:es. chairs, 
cupboards etc 


Das Gestalfen von droidimons o- 
nalen. a'so riumlichcn Aufgoben 
mil Hide dos Rosier systems si 
,m Pftnzip dc'Selbc Vorgang 
w.c belm zw-eid-mensionalen 
Gestoltcn In der Flhche. Am 
Belsp c-l des Kubus las3t sich dru 
Rasterp'oofem. das Goslaiten 
ml dom Raster, loicht orkldron 
Die Aas-sen- und aoch d o innon- 
Itachco des Kubus w or don mil 
dom gowunccf'tcn Raslornetz 
Obcrzogen. solern das A us sen 
und das Innen gestaltet werden 
sollen Texte und Abbildungen, 
;Dsr auch das Motor iar, werden 
nut die Masse des Rasters abge- 
stimmt. Auch die '.Vandoflnungen, 
Turer. Fenster jrvd die Beleuch- 


tungskbrpei warden nuf das Maos 
des Rasters gebracht. 

Die Grosso dar Rnslorloldor 
richtet sich nnch proktl3Chon 
Oberlegungan Diu HastorgrOss© 
ksnn sich nach dor Mongo der 
textlichon und blldllchen Infor- 
mationon. dio nuf den WSnden 
untorgobracht werden sollen, 
nach der Grpsse und Menge dor 
auszustellenden Ob|ekte odor 
nach dem benotigton Mobillnr, 
wie Gestoilo Tischo. Stuhle, 
Schrurko usw richten. 









The grid in three-dimensional design 


Dor Raster in der dre.dimensionalen Gestallung 


Grid division of the 6 inner tacos 
of a Ihree-cimeoslonai space Into 
floor. 4 side walls and celling 


Risstdvlntciluug der 6 Innensel- 
t en e nw drerdimersonalen Rnu- 
mes In Bodenllacne. 4 Seiten- 
w.sndo und Decko 



If the cube is "unfolded' I will 
givg the designer nn idea o' the 
ourfacos and spaces he has at 
hl» disposal If the space to 
Do designed has other propor- 
tions. this does not affect the 
basic procoduro to bo adopted 
m seeking n suitable grid Ho 
goes on sketching various wavs 
of dividing these surfaces until 
ho thinks ne has found the 
right grid. Ho then starts to work 
towards the solution of his 
prob'em If the grid proves un- 
suitable. ho continues his 
sketching until he hits upon 
another which provides the final 
answer to his problem. 


The quest for a suitable grid can 
be a very laborious process 
particularly who- 1 has to 
provide Iho solution to a number 
of very difforent probtoros. 


Oo» <ubus. auscinandcrgofaltct. 
Qibt dom Gcot.i :cr die Obeulcht 
uber die verfugbaren Fiachen und 
Raume Hal der xu geslaltende 
Raum eine andere Proportion 
andert das nichta am prinzipiellon 
Vorgehen be> der Suche nach 
com gunst-gen Raster. Gbar diesn 
FUchan skixx*ert or selange vor- 
seb edene Unteftclungon. b o or 
den nchtigen Raster gehinden i u 
r-aben claubt Nun beginnt er die 
Losung aer Probleme arzustre- 
DCi- Eignet sich der Raster nichL 
vorauent er m l Skixxen noue Ra- 
Sferproportionen xu finden so- 
larce. brs er der defin l-ven Ra- 
ster rur VeHugung hat. 


Die Suche nach dem prakllkoblen 
Raster kann vie Vuhe maohen. 
nesonders dunn, wenn vlele 
unterscniedliCho Problomo damn 
geiost wo- den mOsson. 



The grid in three-dimensional design 


Der Raster in der dreidimensionalen Gestallung 


Grid dlv slon ol lho inner faces of 
a three-dimensional space with 
doors, flooring, ceiling lights, 
texts ttnd pictures sketched In 


nasterelnteilung dor Innensoilon 
oines d re Id l mens ions ten Raumes 
mit skizne-ten Tuien Bodenne- 
lag. Deckerbeleucntung. Texten 
und B Idem 



The diagram shows how doors. tilted upward car become very 

texts and illustrations and (on fatiguing 

the coding) lho light fittings can 

bo arranged with tho a c o’ a 

grid and matched to one 

another 

A point to bear in m-nd <n spatial 
design is the eye level at .vfveh 
Ine viS'tor 1o the exhibition 
will, for Instance, road tho intor- 
motlon. 

All formnl elements wnose 
dimensions have to be deter- 
mined should be such a3 la fit 
Into tho grid system. 

Texts, illustrations, tables etc. 
which aro to bo road at cose 
range should not bo p aced too 
high since holcing the head 


D o Oarsteilung ze^gl, wle Turc-r. Coe zurjckgenolgten Kopies 

Toxle und Abbildur.ger nn der aohr ormudond uoin kann. 

Docks die Belsochtung. nil den 

Raslcrsyslen gao'dnet und 

aulomandor abgeatimmt werden 

k6nnon 

Zu beaefren o? boi 'dumlichon 
Gestalrungen .nmor die Augon- 
hohe. aus der die Besuchor oinor 
Aussteilung die litfomationen zu 
leser genct^gt sine. 

Alle fcrmalcn Elemente. deren 
Masse zu bestimmon stnd, 
solien stch in das Rastorsystcm 
emordnen lessen 
Texts. Abbildtrgen, Tabellen 
tow., die nut kurze Distanz zu 
loson Sind, d>fen n ehl zu hoch 
ptaziert wordon. woil die Haltung 






The grid in three-dimensional design 


Der Raster in der dreidimensionalen Geslaltung 


Subdivision of the tnner feces o» 
a tllroo-dimonoionai opaco info 
slnglo olomonis of tho eamo sizo 


Unlerteilung der Innenseiter 
ernes dieidintensionafen Rjumes 
in Eirueietemente von gleicher 
Grasse 
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In this diagram tho sur'acos of 
the walls, Ihe floor and the 
ceding have been divided Into 
elements of eaual sire The 
method of dividing large surfaces 
Info smaller units is warrantee 
on practical grounds Small units 
can be prefabricated and readily 
Irnnsporled, erected and then 
taken down again 
Elements which are of Ihe some 
dimensions and ruggedly con- 
Structod can bo readily packed 
and slorod. Thoy can thero- 
fore give many years of sorvfco. 
Only Information that has fo 
be constantly updated would 
have to be modified In design 


In o ©ser Oaratellung sfnd die 
Rachon dor Wande. des BoCens 
und dor Docke in Elements von 
glolchor Grasse untcfleilt D e 
Mothodo. growers Flachen in 
k«emo Einhodon to zerlogon. 
kann prakllsclten Oborlogungon 
entsp-echen. KlOlnO E nboiten 
konnen vorfabrtzied und lolcht 
tiansportiert montiert und wlodo- 
cemonttert v.erden. 

Mil einor sofider. Konstnikfion 
lessen sich E'cmonle gleicher 
D mens onc-r gut verpackon. la* 
gern urc nut d ese Wcisc jahre- 
iang wiederverwercen. Andern 
wurde nur die Geslaltung cer 
in'crmationen. die jeweils nut 
nciteslen Stand gebrac^t werden. 






The grid in three-dimensional design 


Der Raster in der dreidimensionalen Gestaltung 


Grid division of dements ol the 
same sizo with text ond picture 
fields sketched in 


Ra&fcrdntdlung von Elementen 
geicher Grasse Tit skiizierten 
Text- und Bildfeldern 



The diagrams abovo show simply 
enlargements ol tho structural 
units in the drawing on the 
preceding page. The arrange- 
ment ol tho titios, lex's and 
Illustrations is now moro cloarty 
visible The presentation is dia- 
grammatic because the problem 
of design can be explained 
more simply and clearly oy means 
ol grids. 

Once he has grasped the prin- 
ciple of using the grid system. the 
designer will have no difficulty 
in finding good, convincing 
solutions lor Iho problems ho 
has to handle. 


Die abigen Darstellungen re gen 
led glich c e BaLelemenle der 
Zelchnung auf der veran- 
gehenden Seite vergrossert. 

Dio Anordnung der Tilol. Toxlo 
und Abbildungen kommt Jelzl 
etwa* ecu M cher rum Ausdruck. 
Die Dorste lung rsl nur jehema- 
lisch. we<l cas Problem der Ge- 
slaltung mdtel3 Raster eintacber 
und klarer erktart werdon kann 
Dor kroativo Dosigno* wird 
mu*vjios uborzougondo Lbsungon 
'ur seine ihn gesteitlen Aulgabon 
linden konnon, wonn or nur erst 
das Prinzip dor Rastoranwendung 
vorstaroon hat. 


The grid in three-dimensional design 


Der Raster in der dreidimensionalen Gestaltung 


Grid in the three-dimensional 
spnco with light fittings. Hooting, 
furniture, te*ta arc p clures 
sketched in 


Raster >m crerd mensMonalen 
Raiim mil skizzienen Beteuch- 
tunqon Bodenbelag. Mofciliar. 
Te*ter und B ICe'n 



if iiiii 


This perspective drawing shows 
diagrammatical y how space 
can be articulated and structured 
with the aid of the grid. Furni- 
ture, ceiling lights typography 
and it lustrations are all matchod 
to the grl-j Insofar 03 stec and 
arrangement in opace are 
concerned. One ol the many 
possibilities Is to cover the floor 
with tiles or mats which are 
(ho 3 ii £0 of a grid unit but it can 
Jual as well Do covered wilh 
a plain wall-to-wall carpet A 
monochrome floor covering can 
be very helpful in throwing the 
other elements into prominence. 


M l d 03 er perspefclivtschcn 
Do'stellung « 3 « schematisch cine 
raumficho Gliederung urd 
SiruMunarung outlets des 
Rastois o'klArt Mobiliar. Decken- 
boouchtung. Typograf e. Abb I- 
dungen slnd rastQ'Dodingt was 
G'osse und Arordnurg m Raum 
betrifft De> Fussbcden hann. alu 
eine der vielen Mogl chfce ton. 
mil Flatter ccer Matten von der 
Grosso cinor Rastereinhe-t. e' 
karn oDe» OUCh m.l einem ein- 
farbigen Teppich votl abgedeckl 
sein. Ein monochrome: Boden- 
telag fcanr d e ubngcn Raum- 
olemerte in cer VVi'kung sehr 
untorstutier. 





Examples of exhibitions 


With the construction of the Crystal Palace in London 
(1851) exhibition architecture reached a turning point 
which still exerts an influence today. This was the first 
time that such a giant structure had been designed 
to utilize prefabricated elements; it was erected in 
record time At that period this revolutionary step 
went unnoticed by graphic designers, or at least there 
were no visible results to be seen. It was only after 
World War II that exhibition designs appeared in Italy 
which wero notable for their grid-like, skeletal 
construction. However, text and graphics were still not 
integrated with the grid system but continued to be 
designed independently of the dimensions of the 
exhibition elements. 

Systematically designed exhibitions in which the stand, 
texts, pictures, product etc. constituted a formal unit 
and were related to one another in their proportions 
were first seen at Swiss fairs in the fifties. These 
examples wore rapidly copied by progressive designers 
in Gormany. But oven today they are the great exception 
at both national and international fairs. 

There are a number of reasons for this: first of all the 
use of a grid calls for greater mental exertion and 
practical efforts and is more time-consuming. Moreover, 
most exhibition designers lack the necessary knowl- 
edge. Again, exhibition work usually has to be done 
149 under great pressure of time and designers cannot find 
the repose needed to work constructively according 
to a plan. 

There is another point that may also be relevant. 

Today there are novel means of advertisement and 
presentation available. Slide and films shows, 
product demonstrations and tasting facilities have 
created new points of emphasis. Acoustic and lighting 
effects have become more sophisticated The con- 
ventional presentation of pictures, text and product has 
in many instances been replaced by more attractive 
advertising media, which still remain to be subordinated 
to an overall planning concept. 

However, outstanding achievements which outlive a 
particular moment of time never fail to make an 


Beispiele aus der Ausstellungspraxis 


Die Ausstcllungsarchitcktur hat mit dem Bau des 
Kristallpalastes 1856 an der Weltausstellung in London 
einen Wendepunkt erlebt, dessen Bedeutung bis heuto 
nachzuwirken vermag. Damals wurdc zum erston Male 
der gesamte Riesenbau mit vorfabriziorten Elementen 
konzipiort und in Rokordzeit erstellt. Dieser revolutio- 
nare Schritt ging damals an der grafischen Fachwelt 
unbemerkt voruber, wemgstens waren keine sichtbnrcn 
Resultate erkennbar Erst nach dem Zweiten Woltkrieg 
erschienen in lialien Aussteliungsgcstaltungen. die 
rasterahnliche. skelettartige Konstruktionen zeigten. 

In die Rasterordnungen waren aber Text und Grafik 
noch nicht integriert. Diese wurden immer noch 
unabhangig von den Masson dor Ausstellungselemente 
konzipiort. 

Systomatisch durchgestaltete Ausstellungen, bei denen 
Ausstellungstrager Text. Bild, Produkt usw. formal 
und proportional erne Einheil bilden, erschienen in don 
funfziger Jahren erstmals in Schweizer Mossen. Diese 
Beispiele haben besonders in Deutschland boi 
progression Gcslaltcrn Nachahmung gefunden. Aber 
sie bilden immer noch an nationalen wie an inler- 
nationalen Messen die grosse Ausnahme. Dafur gibt os 
mehrere Grunde: einmal ist dio gedanklieho und dio 
praktische Arbeit mit dor Anwondung des Rasters 
anspruchsvoller und zeilaufwendiger. Abgesehen davon, 
dass die meisten Ausstellungsgestalter die notigen 
Kenntmsse nicht bes.tzen. Zum anderen sind Aus- 
stellungsarbeilen moist unter grossem Zeitdruck zu 
realisicren, die Gestalter linden nicht die Ruhe zu plane- 
rischer. konstruktiver Arbeit. 

Ein anderer Punkt mag ebenfalls ins Gewicht fallen. 
Heute stehen neue Wcrbc- und Prasentationsmlttel zur 
Verfiigung Dia-Prasentationen. Film-Projektionen. 
Produkte-Demonstralionen und Degustalionen usw. 
haben neue Akzente geschaifen. Akustische und licht- 
techmsche Effekte sind raflinierler geworden. Die 
konventionelle Prasentation von B;ld. Text und Produkt 
ist vielerorts von attraktiveren Werbemittein abgclost 
worden. die erst wieder gestalterisch in den Griff zu 
bekommen sind. 


Examples of exhibitions 


Beispiele aus der Aussiellungspraxis 


impression because they reflect the determination to 
find a solution which is carefully orchestrated 
throughout to bring all the visual media within one 
design. 

The modern three-dimensional designer has to be a 
man of many parts. He must be a designer, architect, 
typographer, graphic designer, photographer and film 
expert, colour psychologist and general adviser. 

As a designer he must be familiar with material and 
structural methods, as an architect ho must be able to 
plan and organize space functionally. As a typographer 
and graphic designer he has to arrange the infor- 
mational media comprising text, photography, drawing 
and colour in such a way that they stand in a logical 
and functional relation to the architecture and reflect its 
proportions. As an intorior designer he plans how the 
light fittings, tho shelf units, the show-cases, the 
furniture and the conference rooms can be fitted into 
tho whole. And finally the designer is responsible for 
organizing the schedule, seeing that it is observed, 
obtaining tenders and attending to the final 
accounts. 

With the increase in the number of national and inter- 
national fairs and their growing importance for the 
business world designers have come to be veritable 
exhibition specialists. During the last 20 years a 
respectable number of new exhibition systems have 
been developed which are based on the unit con- 
struction system using elements which are uniformly 
dimensioned and can be assembled in a large number 
of different ways. They greatly facilitate the construction 
of exhibitions, reduce erection time, and enable the 
material to be used many times. 


Die uberragenden, zcitiiberdauernden Leistungen aber 
beeindrucken immer wiedcr durch den Willen zur 
konslrukliven. durchorganisicrtcn. alle visuellen Mittcl 
umspannenden Losung. 

Der moderne drcidimensionale Gestalter steht viel- 
fachen Anforderungcn gegerniber Er hat als Konstruk- 
teur. als Architekt, als Typograf, als Grafiker, als 
Fotograf und Filmkenner, als Farbpsychologe und als 
Berater zu funktionieren. Als Konstrukteur muss er 
Material- und Konstruktionskenntnisse haben, als 
Architekt die Fahigkcit dor funktionellen Raumplanung 
und Gcslaltung Als Typograf und Grafiker hat dor 
Gestalter die Inlormationsmittel Text. Foto. Zoichnung, 
Farbe in proportionaler Relation zur Ausstollungs- 
architektur logisch und tunktionell einzuordnen. Als 
Inncnarchitekt plant er den Einbau der Beleuchtungs- 
korper. der Gestelle. der Vitrinen. des Mobiliars. dor 
Besprechungsraume usw. Und schlussendlich 1st der 
Gestalter vcrantwortlich fur die Organisation des Zeit- 
plans und dessen Einhaltung. fur die Offertcinholung 
und Abrechnung. 

Mil der Zunahme der nationalon und internationalen 
Messen und mil ihrer wachsondcn wirtschafllichen 
Bedeutung haben sich Designer zu eigcntlichen Aus- 
stcllungsspezialisten entwickelt In den letzten 20 Jahren 
sind cine respektable Zahl nouer Ausstellungssystcme 
entwickelt worden. die aus zusammensetzbaren, 
vanationsreichcn Elcmenten bestehen, mit einheitlichen 
Massen im Baukastensystem. Sie erleichtern vielfach 
den Bau von Ausstellungen reduzieren die Aufbauzeit 
und ermoglichen den vielfachen Wicdergebrauch. 


Examples of exhibitions 


Beispiele aus der Ausstellungspraxis 


Model 1 20 lor an exhibition Modcll 1 :20 lur omen Ausstet- 

sland lungsstang 



This oxamplo, which is taken 
Irom practice, shows now the 
designer makes a true-to-sca'e 
model ot the exhibition space 
so as to be able to present an 
idea cl how an exhibition might 
be arranged. His next step will 
be to introduce the objects 
texts etc needed lor the exhibi- 
tion also to scale This procedure 
greatly facilitates discussions 
with the client. With the aid of 
such a model he can form an 
accuraio idea oi the concept 
and how it is to be real red At 
the same t me he can make any 
alterations that prove necessary 
Misunderstandings between 
the client and the designer car. 


be reduced to a minimum by 
working on these lines 


D eses Be i spiel aus der Praxis 
roigt wio dor Gcstallor lur die 
Prosentotion Ciller AuSStcllungs- 
•dee em messsioboctrcucs 
Model! des Aussteilungsraumes 
anfe't-gl. in das or a ; s nachsten 
Schritt 0 e fur d-o Ausslollung 
bo no ti glen Gegenstande Bc- 
SClirillungon usw . obonlalls im 
genauen Massslab. anbringl 
Diese Arbeitsweise etieichteM 
d e Diskussion mi: dem Au'trag- 
geber wesentlich. Er kann sicn 
anhand eines solchen Model Is 
c re prazise Vorstellung uber 
d<c Idee -rod deron Roalisierung 
machen Es gestattet ihm auch, 
nolwendige Korrekturen anzu- 
bringen Missverstar-Cnisse zwi- 


schon Auftraggobor und Dosignor 
lessen sich boi diosor Aiboiiswei- 
se aul ein Minimum roduzioron 


Examples of exhibitions 


Beispiele a js der Ausstellu.ngspraxis 


'Sport exhibition with prefabri- 
cated panels ol undorm size 


Ausstolturg >Sport* mit vorfabri- 
zioilcn Talelelementer von glei- 
Cher Grosso 



in practice the use ol a g-d 
in planning has proved its value 
over nnd over again The above 
example gives an idea ol how, 
by virtue of the strict and 
practical organization of the 
inlorrnation in text and pictures 
the design focuses the attention 
of the viewer more sharply 
on the themes presented. Ho <s 
not wearied unnecessarily by 
lormal accessories of a purely 
decorative nature. Such a 
disciplined presentation ensures 
that II Is primarily the visual 
message of the pictures lhat guts 
across 


The 4 panel elements show the 
very sample but extremely effec- 
tive way the ptetoria; areas are 
fitted into the grid. 


In do f Praxis hat sich das Planen 
mil Hillc des Rasters vielfach 
bewanrt Das obige Re spiel 
vermittott oino gute Vorstellung 
wie die Gcstaltung durch die 
sachliche und Sircnge Organisa- 
tion der lextlichen und biid chon 
Infcrmatioren den Betrachtcr 
slarxer a uf die dargestellten 
Tnenen hinorientieit Er wr d 
nicht unno; g durch decorative, 
forma e Zutalen belaslet und 
ermudet Die bildeitjCfic Aussaae 
triti dank der disz plimertcr Dar- 
stoHungsweise pnmar her vox. 


Die 4 Talelelemente illustneren 
die sohr einfacne. aber hdchst 
zwecKmussige Ras'.eruna der 
Didliachcn. 




Examples of exhibitions 


Beispiele aus der Ausste lungspraxis 


Travailing exhibition ‘Schweiz'’ 
with prefabricated elements of 
uniform size 


IVarvderauss'.ellung -Schweiz* 
m.t voifabrizierten Etemenlon von 
gie cher Grcsso 




The exhibition was planned as a 
travelling exhibition which would 
be held not only indoors but also 
in tho open air. Tho elements 
were theroforo mado from 
weatherproof materials. 

The exhibition had to be designed 
for flexibility in tne arrangement 
of the panels so as to allow for 
the different dimensions of the 
localities. 

The texts are m three languages 
Thanks to the grid selected, the 
illustrations, graphics and text 
are related in such a way as to 
create the impression of uni- 
formity. clarity and breadth in Ihe 
presentation of the theme. 




Dio Gostaitung dor Ausstellung 
wurde als Wanderausstellung ge- 
Dlant. die mcht nur >n geschlos- 
sener Raumen. sondern auch in 
Freien gezeigt werden so ite. Dio 
Elemente warden desha b aus 
wetter oestundigen Miter i alien 
angefertigl. 

Die Konzeption der Ausstellung 
musste auch Flexibilitat in der 
Anordnung cer Ta'eln gestation 
und damit den unlerschicdlichen 
Masson der Lokalitatcn Hcchnung 
Iragon. 

D o Texte smd dreisprachig. 

Das Verbatims von Abbildungen, 
graf schen Darste.l ungen urc 
Text bewirkt. dan< dem gewanlfen 
Paster, cen Eindruc< von E rheit- 


lichkeif. Uborsichtllchkcil und 
Grosszv-gigkeit Oes dargcstollten 
Thomas. 



Examples of exhibitions 


Beispiele aus der Ausstellungspraxis 


Exhibition by 

Ing. C. Olivetti iC.SpA 

Grid design tor the plan 
2 

Plnn and root design 


Ausstellung der 
Ing. C. Olivetti &C..S3A 
1 

nustt-konzepbor fur den G»uno 

riSS 

2 

Grurcriso uno Dachkcnzept on 


3 4 

Erection of the standard zed 
supporting structures with 
standardized text panel 
5 

Supporting slrucrure and Iramo 
construction lor the ceiling 


3.4 

Montage dor gonormton Trag- 
eiemento mil gonoimtoi Toxttafol 
5 

Tragenda Stutzalemente nnc 
Rahmenkonstruktion car Dacke 





This Ohvcth exhibition stand 
has been designed logically and 
functionally with tne aid ot a 
grid. 

Fig. 1 shows the plan conpris rg 
0 Holds. 

Fig. 2 expresses the idea ol the 
Hat elements mtondod to suppo-' 
the roof of the exhibition Thu 
ceiling is designed on a grid Ike 
tho floor, the supporting ele- 
ments liuvu the sane width as 
the length or the diagonal of a 
grid Held. 

Figs 3 and 4 show how the con- 
struct. onat parts were designed 
and erected Tne horizontal 
connecting members e-'e united 
with the vertical supporting 


elements by means of clamps 
T no panels of text are rounded 
at the top to form a semicircle 
and can thus t>e hookec onto 
the horizontal connecting 
members. 

Fig. 5 shows in 3 dimensions 
how the design 13 'OSOtvcd 
throughout into grid units. The 
small products are also 
integrated into the system. 

The lignt fittings are accommo- 
dated in tne root construction 
In their de:s the weight-bear ing 
and connecting components 
ol the stand are also based on 
the grid division. 


Die Konzoplion des Ohvetti-Aus- 
ste'iungsslantlos 1st konsecuent 
und funkfioneH nut Mi Ito © res 
Pasters oestattet 
Abb dung 1 zeigl do Planung 
Ces Grundrisses mil 9 Fcldern 
Abb dung 2 tringt d>e Idee de- 
Fiachenetenente. die cas Dach 
der Ausstcllung zu stirtzen hater, 
zum Ausdruck Die Dcc<e ist wie 
cer Grunonss gerastert. die 
Trag'iachen entsprechen in der 
Broite der Lange Oder cer 
Diagonal© © res Rasterfeldes 
Abb ’kf ungen 3 und 4 geben 
Aufschluss Ubcr die tcchmsche 
Realisiecung und dio Montage 

cer Konstfuk’.onstoilo. 

D e hor zontalen Verbmdur.gs- 


eiemenle werden mit do* verflka- 
ton Stutzkonstruktion durch Band- 
klammern zusammengehallen. 

Dio Schriftlafsln sind am oberen 
Endu hulbkroislormig abge- 
bogen und lasson sicli dudurch 
an cen honzonlalon Vorbmdungs- 
teilen einhakon. 

Abbildung 5 illustrlert plastisch 
die durchgehende Aufl&sung der 
Gesta tung in Rastereinheiten Die 
Klcinprodukte werden 9benfalls 
m das System intcgrierl. Die Be- 
leuchtungskorper sire r der 
DacrKonstiuktion uniergebracht. 
Die Detailkonstruktion der tro- 
genden und verbindenden Tele 
des Stande3 basierf ebenfalls 
auf dsr Raste'leilung. 



Examples of exhibitions 


Beispiele aus der Aussteilungspraxis 


6 

Draw ng showing Ihe whole of 
Iho exhibition stand with exhibits 


6 

Zeichnorischo Gesamtdarstcllung 
ce* Aussteitungsstancos nut Aus- 
STAllungsgut 
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6 

Bocauso it s an accurate drawing 
to scale Fig 6 gives a very good 
idea of what the full-scale 
exhioition w II look like to the 
visitor. 

Psychologically the structural 
conception of the exhibition with 
its logica and functional layout 
can be Instrumental in making 
the goods on show appear to 
particular advantage 


D o Atbildung 6 gibt dank der 
gonaucn und massstablichen 
Darstcllung boioits oino Vorstel- 
tung davon. wie sich der Aus- 
stetlungsstand 1:1 dem Bcsuchcr 
prasentieren wild. 

Psychotogisch vermag slch die 
konstruktive und funktions- 
'ogische Konzeption der Aus- 
stcllung positiv au' dio zur Schau 
gesteilten Produkte *u ufcor- 
tracao. 


Examples of exhibitions 


Beispiele aus ber Ausstellungspraxis 


Travelling exhibition "Deutsch- 
land* Wri W th prefabricate J 
elements of uniform size 


V.-nnaerausslellung -Dc-utsch- 
lancs Wag- mil vorfabr z erten 
E etnonlen gleichor G'OSSO 



Like the preceding examples. this 
exhibition was designed with 
a simple grid and Ihe use ol 
prefabricated elements of 
identical Size rne exhi bition was 
built into 6 railway carnages 
and shown in various towns as 
an Itinerant exhibition. 

The narrowness ol the carriages 
made it necessary lor the tnemes 
to be placed in the upper hail 
of the panels. Vis tors were 
thus onabled to move along the 
narrow corridors without having 
to bend 

The space available lor the 
graphic items was divicea into 
small grid units. So as to look 
lighter and more eleganl Ihe 


panels wore raised from the lloor 
and screwed to a wall con- 
struction 


Dies9 Ausstellung wutde wie die 
vorange’ienden Be>spiele mit 
emom crlachon Raster aul 
vor'abrizierten Elementte ion 
gleichc' Grosse konzioiert Die 
Aussteliung wutde in 6 Eisen- 
balmwaggons emqebaut und alS 
Wanderausatetiung *n vorSCh e- 
ceren Stadten gezeigt 
Die schnaicn Waggons zwangen 
zur Ptazienjog der Themer auf 
die ooeie Halite der Taleln. So 
konnten sich C e Besucher ohne 
sich beugen zu irtusscn. in den 
schma en Korrdoten oewegen 
Der Raum. der lur die gralischen 
DarsteHungen zur Verfoqung 
stand, wutde in k erne Raster- 
einheiten unterteilt. DeTafol* 


e omonlc konnlen. damit sie 
c'ogarter und schwereloser 
orschienen von Boden abge* 
haben und an eine- Wandkon- 
struktion verschraubt weiden 


Systems of order in ancient and modern 
times 


Le Corbusier "O raer is Ihe actual 
key of life". Modulor I, p. 11 

Just as in nature systems of order govern the growth and 
structure of animate and inanimate matter, so human 
activity itself has. since the earliest times, been distin- 
guished by the quest for order Even the most ancient 
peoples created ornaments with mathematical forms of 
great beauty. 

The desire to bring order to the bewildering confusion of 
appearances reflects a deep human need. 

Pythagoras (580 500 BC) taught that simple numbers and 
thoir rotations to each other, and also simple geometrical 
figuros constructed to such measures, are an image of 
the innermost socrot of naturo. He discovered that the 
harmony of musical intervals depends on the simple 
numerical relations of spatial distances on tho harp 
string and in the flute. 

The Greoks also discovered the proportions of the Golden 
Section and showed that it is present in the proportions 
of the human figure. It was on these that architects, 
painters and sculptors based their work. 

Tho artists of tho Renaissance found the basis for their 
compositions in measure and proportion. Durer spent 
his time in Italy studying the mathematically conceived 
works of contemporary artists and returned to Germany 
with the knowledge he had acquired. 

Philosophers, architects and artists, from Pythagoras. 
Vitruvius. Villard de Honnecourt. Durer and others down 
to Le Corbusier have left behind doctrines of proportion 
which give us a fascinating insight into the mathematical 
thought of thoir time. 

The illustrations on the following pages compare and 
contrast historical and contemporary examples in an 
attempt to show the timeless and potent influence 
exerted by mathematical forms of order. 


Ordnungssysteme im Altertum und in der 
Neuzeit 


Le Corbusier -Die Oidnung i$t 
der eigentlicNe Schlussel des 
Lebens-. Modutor I. S. 11 

Wie in der Natur Ordnungssysteme das Wachstum und 
den Bau der lebendigen und der toten Materie bestim- 
men. ist auch die monschliche Tatigkeit seit fruhesten 
Zeiten vom Streben nach Ordnung ausgez.eichnet. Be- 
roits die altesten Volker schufen Ornamonte mit mathe- 
matischen Formen. die von grosser Schdnhcit sind. 

Das Verlangen, die verwirrende Vielfalt der Erscheinun- 
gen zu ordnen. entspricht eincm tiefen Bedurfnis des 
Mcnschen. Pythagoras. 580 bis 500 v. Chr., lohrto. dass 
einfacheZahlen und ihreBeziehungen zuoinandcr sowie 
einfache geomctrische Figuren mit solchen Massen das 
innerste Geheimnis der Natur abbilden. Er entdeckte, 
dass die Harmonie musikalischcr Intervals von den ein- 
fachen Zahlonvcrhaltnisscn von Raumabstanden auf dor 
Saite und der Flote abhangt. 

DioGriechen fanden auch die Verhaltnissc dosGoldenen 
Schmttes und wiesen nach. dass sie in den Proportioncn 
des menschhchen Korpers vorhanden sind Auf ihnen 
grundeten Architekten. Maler und Bildhauer Ihro Wcrkc. 
Die Kunstler der Renaissance erkannten im Mass und in 
der Proportion die Grundlagen fur ihre Kompositionen. 
Durer verbrachte die Zeit in Italien mit dem Studium der 
mathcmatisch konzipierten Werke der damaligen Kunst- 
ler und brachte die gewonnenen Erkenntnisse nach 
Deutschland. 

Philosophen. Architekten und Kunstler. von Pythagoras. 
Vitruvius. Villard de Honnecourt. Durer u. a bis zu Le 
Corbusier, hinterliessen Proportionslehren. die uns cincn 
faszinierenden Einblick in die mathematische Denk- 
weise ihrer Zeit gewahren. 

Die Bilder der folgenden Seiten versuchen durch die 
Gcgenuberstellung von historischen und zeitgenossi- 
schen Boispielen. die zeitlose. Starke Wirkung mathe- 
matischer Ordnungsformen zu illustrieren. 



Systems of order in ancient and modern times 


Ordnungssysteme im Altertum und in der Neuzeit 


Horsetail in winter 


Wintcr-Schachtelhalm 


Data of a honeycomb 


Detail ainer Bienenwnhe 


In the vegetable kingdom we meet 
a multiplicity of symmetrica: pat- 
terns ot extraordinary beauty. 
Thoro is a wealth of forms, 
ombracmg everything imaginable 
Irom severe sculptural structures 
to elegant tan shapes of the 
utmost delicacy 

The animal kingdom astonishes 
us with creatures displaying a 
highly fancitul formal geometry 
which transcends mo'O function 
to create an ef'ect of supremo 
beauty. 


The oldest known canon relating 
to the proportions of the human 
Body was found in a tomb at 
Memphis (c 3000 DC). 

Canons have also Been hanccd 
down by the Ptolemies. the 
G'ooks and Romans. There are 
also canons due to Polycletes 
Vitruvius. Loonardo da Vinci. 
Michelangelo and Durer. 

In the !9tn century it was shown 
that the we -proportioned human 
body is built up on the Golden 
Section. In his work "The Modu- 
lor” Le Corpus cr writes: 

” the Parthenon, the Indian 
temples the Gothic cathedrals 
were built according to precise 
measurements which formed 


In der Pflanrenwel: oogognot uns 
ene Vielfalt synmetrischei Oid- 
rurgen von ausserordentlicher 
Schonhe". Der Reichtum umfasst 
alio erdenkliehen Gestalten. vom 
Sl'Cngcn. plastischen Aufbau bis 
*ur femston. eleganten Auffache- 
rung der Form. 

In der Tterwelt uberrasenen 
Schopfungcn vor wundorbarster. 
geometnscher Formpliantasio. 
d>euber ihreFunkt onhnauscine 
hochst asthetische Wirkung 
haben. 


Der altosto bekannte Knnon uber 
d^e Massvorhaitn sse des Men- 
schen wurdo In omer Grab- 
kammai hel Memphis gofundon 
(ca. 3003 v Chr.) 

Auch von den Ptotomacrn. don 
Griechen und Romern sind 
Konons uberl iefert. So u. a. die 
Kanons von Polyklet. Vitruvius, 
Leonardo Ca Vinci Michelangelo 
und Durer 

Im 19. Jahrhundert wurde noch- 
gowiesen, dass der wohlpropor- 
tioniorto Monsch nach dem 
Gofdenen Schmtt gebaut is*. 

Le Corbusier schrcibt in soinem 
VVerk -Der Modulor~: 

-. . . der Parthenon, die indischon 
Tcmpel. die golisenen Kathe- 



Systems of order in ancient and modern times 


Ordnungssysteme im Altertum und in der Neuzcit 



Proport.onsxanon ces Menschen 
Vitruvius _e Corbusier 


The Human Canon ol Proportion 
Vitruvius/Le Corbusier 


Vitruvius De 10 B.icner cer 
Architektur 3 Such i rtap :e 


Vitruvius, The Ten Books on 
Architecture. Book 3. Chaptor 1 


Le Corbusier: -Modulor I 


Le Corbusier, "Modulor I 


a codex, a coherent system, and 
Indeed evon showed an essential 
unity Moreover: the savage 
of all ages and countries, the 
guardian ot high cv t rations, the 
Egyptian, the Chaldean, the 
Greek etc have built and have 
therefore measured. What 
instrument did Ihuy have? They 
had eternal and ever available 
instruments, precious instru- 
ments. because tney were linked 
with the human f gure. These 
instruments had names: ell. digit, 
thumb, toot, span, pace etc. 

Let us adhere to this fact: these 
measures were also essentially 
parts ot the human body and 
therefore suitable Irom the very 


01.1100 wurden noch genauen 
Massen gebaut. die e-nen Kodcx, 
ein zusammenhangendes System, 
bildeten. ja sogar eme wesent- 
liche Emheit bewiesen. Noch 
mehr der W Ide aller Zeiten 
und Lander, dor Tragor hohor 
Kullurcn. dor Agyptor. dor 
Cnainaer. der Gneche usw habon 
gebaut und mfotgedessen auch 
gemessen. Ober welches 
Werkzeug verlugten sie? Ober 
ewige und slots verfugbare. uber 
kos’barc Wcrkzeugc. weil sie 
an d,e menschiiche Person 
oeknuplt waren. Diese Werkzeuge 
besassen Namen: Elle. F nger. 
Daumer. Fuss. Spanne. Scnritt 
usw '<Vir wo! en uns unmittelbar 


an die Tatsache halten: diese 
Masse waren wesentliche Teile 
des menschlicher Korpors 
und dahe’ von vornhcrcin ge- 
cignct. ats Masshiltsmittoi fur die 
zii erbauenden Huiten. Hau3©r 
und Tempel zu d.enen» 

Der von Le Corbusier entwickelte 
Modulor- ist em auf dor Matho- 
matik und den monschlichon 
Korpcrverhaitrvsscn autgoboutes 
Mass 


outset la be measuring aids 
far the huts, houses and temples 
to be built." 

The modulor ’ ol Le Corbusier 
is a neasuro which ho developed 
from mathematics and the 
proportions of the human figure 


Syslcms of order in ancient and modern times 


Ordnungssysteme im Altenum und in der Neuzeit 


The measuring system in lettering 


Johann Neudbrffer. construction 
ol Latin capital letters, c 1660 


Johann Neudorlfer. Konstruktion 
latemischer Vorsalbuchstaten. 
um 1660 


Mass-System m der Schritt 


Oii*ett alphabet for the 7X9 
main* printer, 1972 


Olivetti, Alphabet fur den 7X9 
Matrix Printer. 197? 



Just as Chinese characters wore 
built up on the squaro. so 
Latin letters wore designed m 
accordance with strict principles 
of construction 
Johann Neudbrffer, c. 1660. 
constructed some interesting 
alphabets. The square provides 
Iho Oasis lor the dimensions 
0 l the letters and is divided into 
tO equal parts. One part cor- 
responds to the thickness ot iho 
•'shadow' 1 strokes ol the letter. 
There is also an alphabet by 
Durcr based on the 10-part 
squaro. 

In 19/2 Olivetti n Italy developed 
an alphabet which was intended 


for the 7X9 matr* punter and 
was subm tted as a proposal to 
the European Camputer Manu- 
facturers' Association. 

With a rectangular field of 35. 49 
or G3 circles of ecual size it is 
possiblo to create all the letters 
ol the alphabet, including the 
numbers i-9 The traditional 
lorm of a lew tetters -s modified 
but not to such an extent that 
their legibility is impaired, 
f ho systematization of signs on 
the basis o' circular areas pro- 
duces letter lorms characterized 
by a recognizable unifying lotmal 
arguage In their lorm and 
aesthetic quality the letters create 
an impression ol anonymity 


Wie dio chinoS'SChon Schr.lt- 
7e<chen aul dem Quadrat auf- 
geoaut waren. wurden auch dio 
late nisdien Bcchstaben nach 
strengen. konslruktiven Uberle- 
gungen konz piert. 

Von Johann Neudbrffer sod urn 
1660 r tcrcssante Konstrukt onen 
e«nos A phabetes Jbe* icfert. 

Die Qrundlage tur d«c Masse der 
Bucnstaben brloei oas Quadrat, 
das n 10 gleiche Telle unterteilt 
wud. Em Ted enlspricht der 
OiCko dos -Schaltcn— Striches 
des Buchsiabcns. 

Auch von Durei exiStiert Oin 
Aiohabet. das aui dem lotoiligcn 
Quadrat Easier!. 


Olivotli, llalien, entwickolte 1972 
«»n A phabot. das fur den 7x9 
Matrix Piinlor Doslimml war und 
als Vorschlag dor -Europoan 
Computer Manulacluros Asso- 
ciation- unterbreltol wutdo. 

Mit rechteckigem Feld von 35. -19 
odor 03 geichgrossen Kroison 
kor.ncn Samlliche Buchstaben 
des Alphabetes. inklusive der 
Zahlen i bis 9 dargestellt werden 
Die Systematisierung dor Zoichen 
auf der 3asis von KreislUtChen 
erpiut Buchstabenlormen. dcncti 
elne erkennbare vereinheil- 
i chendo Formensprache eigen 
isl. Die Huchstubon wirken in der 
Perm und in dot aslhohschen 
Erscheinung anonym 


Systems of orCer in ancient and modern times 


Ordnungssysteme im Altertum und in der Neuzeit 


Signs and emblems 


Zeichen und Signets 


Signs Irom 14th to 19th cent. AO 


Zeichen vom 14 bis 19 Jh n. Chr 


Emblems of the 20th century 


Signete des 20. Janrhunderts 



Many signs used in the past are 
striking by reason of their 
strict observance of form Oltun 
they aro based on a circto. a 
square, a Iriangio or the 
combination of these basic 
shapes. 

Signs like tnose usee by masons 
during tne Goth-c period 
were formed by subdividing, for 
example, a circle in which 
squares of various sizes were 
drawn and placed horizontally 
and diagonally. The vertical, 
horizontal and diagonal connec- 
ting Iine3 and their intersections 
determined the length and fho 
direction of the parts constituting 
the signs. 


The emblems 1-12 aro characteri- 
zed by the same clear conception 
of the idea and its conversion 
into 'orm Both the positive and 
negative forms a-o interrelated 
m a way that activates the whole 
The form of the emblem may 
give visible expression to the 
idea partly by a strict geometri- 
cal construction arid partly by 
a well-oropcrtionec formal idea 
which s primarily emotional 
Emblems are expressions oi me 
will to attain a law-based formal 
duality whicn is independent 
of ime and transcends it 




V« c Zeichen der Vergangenbeit 
bccindruckcn durch strenge 
Formgebung Oh sind sie aut 
der Basis ernes Kre sos. ernes 
Ouadrates. Dreieckcs Oder cer 
(Combination sieser Grundformen 
zustande geko.mmen. 

Zeich9n. wie die cer Stemmetzer 
in de- Zeit der Gotik. entstanden 
durch die Unterteilung z. B. 
e nci Kreistorm. in die ve'SChie- 
dengrosse Quadrate, horizontal 
ond diagonal gestelll. einge- 
zechnet wu'den Dio vertikalen 
horizonlalen und diagonalen Ver- 
bindunnslimcn und iliro Ober 
schneid.mg sestimmtendiolango 
und Richtung der Teile, aus fle- 
rven die Zeicnen bestanden 


DenSignulonl I2oignot dIOSOlbO 
Haro Konzephon der Idee und der 
lormalen Umsetzung an. Sowohl 
die pos liven als auch die 
negativen Formen stehen in 
spannungsvoller gegensoiliger 
Beziehung. Die Form der Signctc 
vermag den Inhall der Idee rum 
Sichlbarcn Ausdruck ru bnngen. 
le Is dutch erne strengo goo- 
met' ische Kon3lruktion. toils 
duren erne primar emotionalo, 
doch wohlproporlionicrto 
Formidcc Dio Siqnolc Sind 
Ausdruck dcs Widens, zu einer 
zeitunabnangigen. ze *uds'- 
dauernden forms er Gesetz- 
massigkeit zu gelar gen. 
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Pictograms 


Programme 


Egyptian pictograms 
Read trom lo't to right, these 
signs moan Man ' king / divinity 
sky / star / sun / water ox 
house / path / town ' land 


Agyptischo Bitdzoicncn 
OieZeicnenvon links nach rechts 
gelesen bedeuten: 

Vann ' Konig Gottne : H.mmel ! 
Stern I Sonne V.’asse' Ochse 
Haus ! Wog / Stadt / Lane 


Pictograms of Swiss Federal 
Railways. fSSO 


Piktogiamme der Schweizeri- 
SChen BundesDahnen, I960 







Pictorial signs representing 
objects in the world around U3 
are to be tound in the writing 
systems of the Sumerians Ha- 
lites, Egyptians and Chinese 
They stand as symbols for the 
words of the language in 
quostion. Thoy are somutimes 
imitations ot articles of overyday 
use Others were gradually 
developed from traditional 
ideas 

But n every case they are forms 
which are reduced to the 
minimum still required for the 
understanding of essent al 
details 

Our example shows some s ons 
of the Egyptian system of writing 


The pictograns were designed 
in the author’s studio for Swiss 
Fu Jura Railways on tho basis ot 
tho square g'>d By using a Basic 
element of a specific length 
and thickness to design iho 
pictograms it was posable to 
systematize the signs and thus 
produce a unified system. 

This i particularly important if. 
on the one hand, the public is to 
be given a number of necessary 
items of information with the 
aid of several pictograms and it, 
on the other hand, the traveller, 
v/ ha rover he may be. is always 
to tmd the same signs This 
reduces tho risk of misunder- 
standings 


Bildliche Zechen von Gegen- 
stjndon dor Umwolt smd in den 
Schr ftsystomcn der Sumor. 
Hothrter. Agyptcr und Ch.noson 
7u finden Sie stohen ats Symoolo 
fur die VVone der jeweiiigen 
Sorache Sie sind teils Nach- 
ahmuogen von Objekten des 
tughchen GoBrauchs. Ar.dere 
entwickcltcn sich allmahlich 
aus uberiieterten Vorstetiungcn. 
Immer aoer oedeuten sie 
Reduktionen der Formen au' 
das Minimum dor fur das 
Vc'Siandnis noch notwondigen 
Details 

Urser Be spel zeigt ein ge 
Zeichen des agypt schen Schriil- 
sy stems. 


Die Piktogramme smd vom 
Atelier des Autorn im Auflrag dor 
Schweizerischen Bundesbahnen 
aut der Basis des Quadratrastot!: 
entslanden M t einem Bas<s- 
oicmenl von bostimmtor L3ngo 
und Oicko, mit donon die 
Piktogramme gestaitet wurden, 
konnte die System ati si erung der 
Zeichen und damit eine Ein- 
he t ichkeit erreicht werden. Das 
is! dort oinorseils von bosonderur 
3cdeutung. wo das PuDilkum 
mit 'title mehrerer Piktogramme 
e ne Arzahl benotigier Informn- 
tionen erhalten soli. Andererseits 
soli fler Reisende. wo er auch 
ninkommt. immer dieselben 
Zeichen antretfen 
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Typography 


TypograliC 


Johannes Gutenberg. page of the 
42- line bible. c 1455 


Johannes Gutenberg Soite der 
42zcihgcn Bibd. om 1455 


J. Mjiler-Brcckr-.ann. posler for 
an exhibition. 1960 


J Mullur-Brockmann. Plakal lur 
e-ne Ausstollung, 1980 



the 

architectonic 


the 

concert 

poster 

series 


in 

graphic 

design 


"'•M. ». <m 


jrr of 

josef 

muller- 

brockmann 



Since iho time of Gutonborg, 
typography has worked with hxed 
ruios which wore appliod in the 
dosign of printed works Observ- 
ance ol those rules facilitates 
functional and aesthetic design. 
The rules of typography refer 
not only to the distances sepa- 
rating etters and words, to 
the loading out o' lines, to type 
sizes, etc but also to tne pro- 
portions of the type area, the type 
column, Ihe margins and the 
page aizes. 

Many attompls wore made lo 
divide up the printed page with 
the aid of the Golden Sect on 
The imcst examples o' typog- 
raphy are always notable in a 


high degroo for thoir regularly 
ordered pattern 
Tn S demand for ordered struc- 
ture and aesthetic quality s one 
which modern typography should 
also seek to satisfy but t is 
exposed to the risk of ao use m 
the mterests o' merely fashion- 
able trends. 


Oie Typog-af e artedete seit 
Gutenberg mi: festen Regain, 
die bei der Gestaltung von 
Druckwerken Anwendung farxfen. 
C.e Beachturtg diosor Rcgcln 
eric chtcrl die funktionale wie 
aoch die asthetrsene Gestaltung 
D o typogralischen Regeln 
beziehen sich mcht nur auf d e 
Abstande von Buchslaben und 
V.orten auf den Durchschuss 
von Zoilon. auf die Schriftgrace 
usw . sondern eberso auf die 
Proportionie-ung des Satz- 
spiege s. der Satzkclonnen. 
der Ran der und cer Seilen- 
formate. 

Vielfach wurce c c tyocgraliSChe 
Seitcnauftclung mil H i'e des 


Goldenen Schmttes gesuchl. 

D e schonsten Beispiele der 
Tvpcgraf.e zeichnen sich dutch 
ein hohes Mass an gesetzmassi- 
ger Ordnung aus 
Oiesem Anspruch nach Gesetz- 
massigkeit und ftsthetischer 
Oualitat sollte auch d e moderne 
Typografie entsprechen. Sie 
steh! In Gefahr. zeitgebundenen 
Trends zuliobe. missbrauchl zu 
wO'dcn 
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Music 


Musik 


Johann Sebastian Bach 1685 Johann Sebastian Bach 1636 bis 
1750. SO' Solo a Viol.ro. Sonata I I7S0. Sai Solo a Viohno. Sonata I 


Mauricio Kagel. 
Sonant. Fin I. page 2 


Mauricio Kagel, 
Sonant. Fin I, Seite 2 



Music and the arts are the sisters 
ot mathematics. Li<e every art. 
music is based on natural laws. 
Pythagoras formulated his ideas 
on the relationship ol integral 
numbers to corsoiancos. For 
Plato number was the bosi3 of all 
harmony Just as the visual arts 
architecture, pa ri ng and sculp- 
ture are subject to laws ol form, 
colour and proportion, so the ele- 
ments of music notes, metres, 
moiodios and phrases are built 
up in accordance with norms 
determined By -iws 
During the last three cent.r es 
form in music was wholly govern- 
ed by the requirements o' har- 
mony and tonal ty jntii the arrival 


of the twelve-tony composers 
Continuousmctiic rhythm weeded 
motivic developments of metody 
into symmetry 

The tweUe-tone system replaced 
that of harmony and melody and 
created for itself a new law which 
enables a new unity ol musical 
order to be created out ol Ihe 
world ol serial imagination. 


Musik und cc bitcendcn Kunste 
Sind Gcsc'iwi3ier der Mathemabk 
Wie ieder Kun$i hegen auch der 
Musik Naiurgeseize zugiunde 
Pythagoras formulierie seme Ge- 
danken uber das Verbatims gan- 
ger Zahlen zu den Konsonanzen. 
Fur Plator war die Zah: die Grund- 
lago a'ler Harmonic Wie die bil- 
denden Kurstc. Archilcktur. Ma- 
lerei und Piast k Gcscizmassig- 
ke ten der Former, Farfcen und 
Verhaltnsse unteriiegen. sind 
auch die E emente der Musik, cie 
Tone. Takle. Melodien und Phra- 
ser rtach cesetzmassigen Normen 
gcbauL 


Die harmomsch-tonale Ordnung 
der :etzten 300 Jnhre bostumnlo 
m der Musik bis zum Erschoinon 
der Zvvollton-Komponistun dio 
pesamteForm Durchlautondor 
motrischcr Phythmus vorbond 
motodisch motivischo Enlwlck- 
lungon zu Symmotrlon. 

Die Zwolftoh-Ordnu.hg Idste die 
harmorvsch-melodische Ordnung 
ab und schjf sich ihr neues Ge- 
setz. das eine neue Einheit musi- 
kalischer Ordnung aus seriollur 
Vorstollungswolt ormdglichle. 
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Ornament in building 


Ornament a~. Bau 


Relief on the columnar palace" 
ol a priest king. M tla. Mexico 


Relief am -Suulenpalast- eines 
Pnesterkonigs. Mitla. Mexiko 


Concrete relief at tho Municipal 
Centre ZurienHangg, by Sh«zuko 
Yoshikawa. 19/3 


Bctonrolicl im Gomcmdozoniium 
Zurich Hongg von Sh ?uko 
Yoshikawa. 1973 



Ornament in bulldmg con Do 
tognrdcd nnc |udged from 
various standpoints On the one 
hand there is the ornament which 
Consists of the same material 
OS Iho building and is ol the same 
colour and, on the other hand, 
the ornament which 'S not ol the 
same material os the building 
and is of a colour which 
does not otherwise f gure in i:s 
architecture 

Similarly, the form of the 
ornament can be identical with 
the forms of the budding or t 
can have a formal language cf its 
own. 

Ornaments are most conv remg 
when they are made of the same 


material as the budding figure 
m the budding as structural 
elements or units, and appear 
on the surtacc of the buile ng as 
prolectlons or recesses. L e. 
as positive or negative forms, 
matching in thei' formal 
conception the proportions of 
Iho budding by assimilating them 
and interpreting and varying 
the"- r. conformity with the log c 
of its architecture 


Das Ornament am Bau kann von 
versch ecer-en Standpurkten 
aus betrachtet und oeu-te it 
worden. Wir kerren das Orna- 
ment. das urlcr Vcrwcndung 
dcssetocn Materials, das fur den 
Bau georaucht wmde entstancen 
ist. das auch d.eseibe Farbe 
hat und ardererseils das Orna- 
ment. das aus nicht fur den 
Bau bcnulzlcm Material bestehl 
und cnc oigcoc Farbgobung. die 
sonst mcht menr am Baukoiper 
auftaucht besitzt. 

Auch die Form des Cmamerts 
kann ent.veder mit Sen Bau- 
fermen ide-ilisch sein Oder 
cine eigen© For-rsorache ver- 
niiltcln. 


Am ube'zeugondston wirken 
Omamonto. d>o aus dem Material 
dos Bauos stammon und als 
Bauoiomcnte. Bausto no am Bau 
auttreton und die an der Oher- 
flache des Baukdrpers als vor- 
stenende Oder zuruckwe chence. 
s s positive ode- negative Formen 
erscheinen. Die ausserdem in 
der lormaien Ko-izeplion mil 
den Proportioncn des Baucs 
korresnonaieren. indem sie diese 
Pioportionsmssse autnehmen 
und logisch interprelieren und 
variieren. 
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Sculpture 


Skutptur 


Assyrian otlicer. 
relief from Khorsabad 


Assyrischer Officer, 
Relief aus Khorsabac 


Max Bui column with 3- to 8- 
COrnered cross-sections, granite. 
1966 


Max Bn Saule nvt drel- bis acht- 
ockigon Ouerschnitten. Granit. 
1966 



Just us In two-dimensional 
design, so a so in three-dimen- 
sional sculpture the qualty of the 
conception is partly a question of 
compos t on and proportion 
All g-eal civili/at ons produced 
tneir own canon which encom- 
passed and described their 
concopl of beauty. The structure 
of the compos t on and its 
proportions are less conspicuous 
in realistic sculpture than m the 
sculptural works of the construc- 
tivists. 


The sculoturc by Max Bill 
IS a pillar which ts 60 cm m 
diameter and 420 cm high - 1 :?. 
The cro3S-sechon over the round 
base is three-comorod and. by 
a process of transformation, 
becomes an 8 co»nered cross- 
sect'on (under the round closure 
at tic topi. The idea and the 
efect of this sculpture a-e based 
solely oh the mathematical 
conception and the technics y 
perfect realisation in granite 
The work produces Its pleasing 
and convincing effect by its 
innovative iflea, by the delicate 
orcering of its parts, and by 
the rhythmica' rotation of 'Is 
surfaces. 


W o m de» zwcidimcnsionaicn 
Gostaltung si auch in Cor 
drcidimensionater Sku pur die 
Ot.alitat der Konreptron u a. eine 
Frage Cer Komposition und der 
Proportion. Alle Hochkulturer 
schu'er ihren Kanon. der den 
Beg- ft des Scbonen umlusstc 
uric bcschricb Der Aufoau Cer 
Komposition und die Proportions- 
verhallnisse sind in der gegen- 
standtid-en Sku ptu* weniger 
augenlallig als in don Rc-jiSatiO- 
ren dor konsiruktiven Plastkcr 


Dio Plastik von Max Bi I isl eino 
Saule mit 60 cm Durchmesscr 
und 420 cm H6he = 1:7 
Der Ouerschnitt Obcr de' runden 
Bass ist dreiCCkiQ und wird 
durch Transtormnilon 211 m 
achteckigen Ouerschnitt (unter 
dem runden oberen Abschluss) 
Die Idee und W.rkung diosur 
Skulplur basiorl auSSChllOSSliCh 
auf dor mathomallschon Kon- 
zophon und der technlschen 
poilcktcn Realisation in Griinil. 
Das Werk besticht und ubcrieugl 
durch die innovative Idee, durch 
die fe nglicdrigo Ordnung der 
Tcile und die rhvthmlsche 
Drenung dei Flachen. 
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Painting 


MalCf* 


Pinturicchio, 1454 1513, Pmiiincchio 1454 15)3 

library at Siena Frcsko. Bibliothek S ena 



Piet Uondnan 1872 1944. Dia- 
gram of proportions let the pic- 
ture Broadway Boogie-Woogie" 


Piet Mondrian. !87?-1944. Propor- 
tionssenemn for das 8ild -Broad- 
way Boogie-Woogie 



Just like architecture and sculp- 
ture. pointing was also governed 
by formal and aesthetic laws- 
intondod to create patterns of 
tension in the picture and to 
conlor harmony on it. It can be 
shewn that many compositions 
were based on tho Golden 
Section, a system ensuring har- 
monious proportions Mantegna. 
Ralfocl. Piero della Francesca. 
Leonardo da Vinci. Durer and 
others worked in accordance 
With strict rules Of proportion. All 
the important elements of the 
picture were subord rated to the 
mathematical conception o' its 
Structure. It was this that deter- 
mined the rhythm of the p.cture 


structure, its repose and its 
tensions. 

In the 20th century represen- 
tatives of the concrete and 
constructivist school of painting 
and sculpture have created 
works which arc wholly com- 
mitted to mathematical thinking. 
Piet Mondrian, a pioneer ol 
abstract painting, created works 
which were purely emnodunents 
Of mathematical relationships. 
Since then mathematically 
oriented art has grown m im- 
portance and extent It is the 
only school of art in the 20th 
century which has continued to 
develop along an undeviating 
line. 


Wio in der Architeklur und Plasllk 
wallcn auch in dor Malerei 
lormalo und asthetische Gesetze. 
die dorn Bi.'d Harmonic und 
Spanning vormilteln Aul v elen 
Komoosihoncn 'St die Verwerv 
dung des Goidoron Schnilles 
nachwe sbar. em System mil 
harmorischen Propoihonsvcr- 
h5Un ssen Mantegna, Raffacl, 
Piero della Francesca. Leonardo 
da Vmci DurCr u a. rr arfceiteten 
nacn sliengen Proportiorsregeln. 
Der rratnemahschen Konzeption 
des B. daufoaues wurden alle 
wichtigen Bildelemente unter- 
gcord’>et. Sie beslunml den 
Rhylhmus. die Arenitektonik und 
Soannung des Bildaulbaues. 


Im 20 Jahrhundorl haben beson- 
ders die Verlrotor do* korkieten 
und konstriiklivcn Hichlung in 
der Ma erei urn Plashk Werke 
geschaffen. die ganz dor mathe- 
"-ut schen Denkweise vorpllichtul 
smd. Piot Mondrian, ein Piomor 
der ungogcnstiindlichen Malerei. 
slellle m scinon Bildwerken 
re nste Reabsationon mathema- 
tlscher Verhallnlsse Car Seither 
ha! die -rathemabsch orientierte 
Kunsl an Bedeulung und Aus- 
weilung zugenommen Sie Slclll 
die eirziRc Kunstricntung im 
2C. Jahihundorl dar. d.e sich 
geradlinig weitciontw ckell hal 
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Architecture 


Arcnitektur 


Kyoto, Kntsurn Villa 


Kyoto Kiitsura-Villa 


Le CorbuSKjr. 1837 1965. 

“UritA a Habitation". Marseilles. 
1947 1952 


Le Corbusier 1887 1965, 

-Urnto o Habitation-. Marseille, 
1947-1952 



Architecture is mathonaiics 
converted Into space Tho works 
ol tne great civilizations of 
Asia, of the Mediterranean and 
Central America are testimonies 
to highly developed systems 
ol order. Even the simple struc- 
lures Of primitive peoples are 
an expression of man's 
understanding ot harmonious 
proport ons. 

The Japanese residence and 
temple are lounded on the unit of 
the totami mat which measures 
SO 130 cm - 1 2 The plan 
is formed by a number ol these 
units. Even the sliding doors 
which enclose the rooms on a 
sides represent in heign: and 


w dth the result ol a certain sum 
of elements ot equal size The 
aesthetics of this architecture be 
m tho boauty of its proportions 
and tho materials used. 

In our century Le Corbusier 
discovered the moduior, a system 
of proportion w th which “the 
gccc is made easy and the bad 
difficult' (Einstein to Le 
Corbus or) Since then (1949} Le 
Corbusier has ptanned his 
buildings with the aid ot the 
moduior: a system of proportions 
based on the Golden Sect. on 
which can be found in nature and 
in the human figure. 


Die Aichitektur ist raumgewor* 
dene Yathematik Die Werke der 
Hochkutluren Asiens. des Mittel- 
mccrraumes und Mitlelamerikas 
Sind Zougnssg hochentwickelter 
Ordnungssystomo Auch aus 
den einfachen Bautcn dor Natur- 
vdlker spnch; das sensible 
Yerstandnis cer Menschen lui 
harmonise he Massverhaltnisse. 
De- aoan sche Wonn- und Tem- 
pelbau st auf dc* Massoinheit der 
Tatami-Matte. 90:180 cm = 1:2 
begrunde: Em Vieltaches d esos 
Masses erg.bt den Grundnss. 
Auch die Schieoeturen. die all- 
soitig die Raume umschliessen 
Sind m der Hohe und in der 3reite 
das Rcsultat einer besnmmten 


Summo von Elementen gleicher 
Gr6sso. Dio Schonheit diese' 
Archltektur llogt in der Schonheit 
der Proportioncn und des ver- 
wendeten Materials 
Le Corbusier e'lond in unscrom 
Jahrt\undert den Moduior, ein 
Mnsssystem. mit dem sich ~doo 
Guto loicht und das Schlechle 
SChwicng machl- (Einstein an 
Le Corbusier) Soithor. 1949, 
piante Le Corbusier some Baulon 
mit Hilfe des Modulors. Eln Mass- 
system. dem die Proportioned 
ces Goldenen Schnittes, die 
In der Natur und im mensch- 
liChen Korpcrbau zu linden sind, 
zugrunde liegcn. 
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Product torm 


Prcduktform 


Chair. mid-16lh century, France 


Sluhl. Mills 16. Jh. Frankreicn 


Sv.ivel armchair. "670", 
Charles Earn**. USA 1965, 
Edition Hermann Mille' 


Drohbarcr Fautouil, -070" 
Cnaries Eamos, USA. 1955, 
Edit on Hermann Miller 



The utensils man needed for'his 
daily work were always char- 
acterized by forms tnat were 
diclalod by oconom c factors 
or by the use to which they were 
put Domestic utensils, for 
oxnmple which hod to serve 
specific practical functions wore 
foshionod wholly to this end. 
and this is reflected in their 
material, the way II was worked, 
and the form they were 
given. 

Down lo our own day there was 
no essentia change in the 
principle that a utensil had 
primarily to perform its irtendec 
function "hen. with the advent 
of technical development, came 


now materials, new methods 
ot production, now modes ol 
hie and work, different aesthetic 
criteria, and ergonomic con- 
siderations which wore ent rely 
novel. As a result ol all this 
the contemporary designer of 
products must have a w der 
knowledge of more subjects 
than ever his o-odecessor 
needed 

Many of the procucts ot giltcd 
designers have fi technical and 
functional quality which is 
authentic and a fascinating 
beauty of form, proportion and 
material. 


OieGerate d o der Mensch fur 
some laglichen Vcrrichtungen 
benotrglo. zo*chroten s.ch immer 
Curch okonomische. durch den 
Gebrauch diktiorto Formon urd 
Matorianen aus D'O Hausgcidto 
2 . B., die fcestimmten praktisenen 
Funktionen ?u dienen haiten. sme 
im Material, in der Verarbeitung 
des Materials und in de' Form 
gaac auf d csen Zweck hin ge- 
schaffcn wofdcn. 

An cieser grundsatzichcn Obcr- 
legung a ass ern Gerat primar die 
von ihm geforderten Funkt oner 
zu erlullen hat. anderte sich 
bis ui unsero Gcgonwart nichts 
Grundsatzliches. D e fechnische 
Entw cklung hat rcuc Materialien. 


neus? Produktionsmethoden. 
neue Lebens- und Arbeitsformen 
gcbrachl, auch andere asthe- 
lischc Kritoiion und bisher nicht 
bekannte orgonomischo Go- 
sientspunkte Dies olios erfordert 
vom ze tgemassen Designer mohr 
Konntnisse uber mehr Aspekte. 
als s e der frlihere GestaMer von 
Gcraten bodurfto. 

V ete Erzeugnisse becabter Ge- 
stalter uberzeugen curch techni- 
sche und lunktionelle Oualitat 
und laszniercn durch die Schon- 
heit der Form, der Proportioncn 
und des Materials, 
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Exhibition architecture 


Ausstellungsarchitektur 


Crystal Pa ace, World Exhibition 
London. 1851 


Kristallpalast. Weitausslellung 

London. 1351 


Expo 70. Festival Square 
Osaka Japan 

Architect Kenzo Tange. Tokyo 


Expo 70, Fcstptatz 
Osaka. Japan 

Architekt: Kenzo Tange. Tokyo 



The Crystal Palace omit Dy Sir 
J. Paxton (1851) tor Ihe World 
Exhibition in London went down 
in history as the first budding 
to bo erected with prefabricatec 
units. Elements of the same 
size dciermincd the structure ot 
the exhibition building. 

The Crystal Palace revolutionized 
exhibition architecture in the 
years lhal followed It also 
Changed the aesthetic rela- 
tionship between man and 
architecture Tho place of Ihe 
individually designed building 
has beer, taken by one which is 
designed Ihroughout on purely 
practical lines and involves 
the use of standard distances 


between its vertical elements in 
a pattern ot anonymous repe- 
tition The gently flowing rhytnm 
ot small structural units creates 
an effect of transparency 
Festival Square at tho Expo 70 
also consists o’ prefabricated 
units Compared with Paxton’s 
building, it is des-gnec on a more 
open pattern w th the support re 
Columns set 'arthe' apart They 
are more massive and figure pro- 
minently in the impression crea- 
ted by the building Whereas me 
Crystal Palace was monochrome 
individual elements of Kenzo Tan- 
ge's Festival Square are colou- 
red 


Der von Sir J. Paxton 1351 an oer 
Weitausstetiung in London er- 
baute -Knstai palast- ging als cer 
erste vcrfabrizierte Elementbau 
in die Geschichle ein 
Elemento gloicher Grosso bo- 
Stimmton die Bauwoiso und die 
Slruktur des Ausstoilungsgo- 
bSudes 

Diese Leisturg revo^utionie'te die 
Ausstellungsarchitektur cer 
Folgczeit. S e veranderte auch 
Oas asihcVischc Vcrhuhnis des 
Menschen zur Architektur. 

An Steiie des indnrldued gesial- 
teten Saukcrpers erscheint die 
objekihrierte. durchslrukturi erte 
Baumasse. die anonyme Repeti- 
tion glcichgrosser und glcich- 


absiandiQor Elomonto mil gleich- 
bioibondor MontagotochnlK Dor 
ruhig fliessendo Rhythmus foinoi 
Konstruktionsteiie erzeugt eino 
elegante und transparente Wir- 
kung. 

Dor Festplalz an der Expo 70 bo- 
stand obonfalls aus voriabrlzier- 
ten E ementteilen. Der Bau is* im 
Vergleich zum Paxton-Gebaude 
weitmaschiger. die Irugunden 
Stutzcn stohen in grossen Ab- 
st&nocn Sic Sind mnsaiver und 
dominieren den Baueindruck enl 
f.cheidend Wahrend der Kristall- 
palast monochtorn war. Sind Oin- 
zelno Bauluile des Feslplalzes 
von Kenzo Tange lamig. 


Systems of order in ancient and modern times 


Ordnungssysleme im Altertum und in der Neuzeit 


Town planning 


Stactplanung 



Town p an of Miletus, 479 SC 


Stadtplan von Mile!, 479 v Chr 


Le Corbusier. ‘Plan Voisin ' of 
Pans dial! 1924 


Le Corbusier, "Plan Voisin- von 

Paris. Enlworf. 1924 







Town planning in ancient times 
In Ihc Near and Far East, like 
that Of the modern age in Europe 
and America, was based on a 
grid for economic reasons. The 
Greek cily of Miletus, founded In 
4/9 8C. grew up on two grid 
nolworks of ddlerent sizes Tne 
town is situated on a pen nsuia 
and Ihc grid network was adapted 
to this situation 3y leaving 
spaces in this network silos wore 
created for temples, baths and 
other official buildings. One grid 
field measured 51.6 m x 29.9 m 
This rational approach was 
the reason lor the success of 
this style of town planning which 
subsequently became known as 


the Milesian sty e 
The Japanese cities of Nara and 
Kyoto were a So built in Ihe 
“th century AD on a grid network 
for a popuiahon of one million 
and hall a million poop c respec- 
tively Phiiadcpn a among other 
cities, was founded in tr>e l~lh 
century AD and. like many 
American towns, is based on a 
grid. 

Le Corbusiers plan for the new 
centre of Paris (never executed) 
was based on the grid system 
which coul-d be adjusted to 
crevsi ing conditions. 


Die Stadtplanung des Alteitums 
im Nation und Ferren Osten. 
win diejenige der Neuzeit in 
Europj und Amerika. vrurde aus 
ofcoromischen Grunden auf der 
Basis cine* Rasters konzip ert. 

D e gnechische Stadt Milet, 

479 v. Chr gegrundet. entstand 
auf zwei verschieden grossen 
Raslemetzen Die Stadt hegt ajt 
C nor Hatbmse das Rasternetz 
wurde dicsor Lago angooasst. 
Ourch Ai;SSpa'ungcn von Fla- 
chen in diesem Net? warden die 
Platze fur die Tempe Bacer 
und andere offentliche Bauten 
gewonnsn Ein Rasterfe d oetrug 
5t 6 m x 29.9 m. D eser Ratio- 
nalismus war Grund fur cer 


E'folg dieses Stadtoaustils, den 
man in der Folge den milesischen 
Stil nannto 

Dm jaoanischon Stadta Nara und 
Kyoto wurdon im 7. Jh. n Chr. 
eoonso ulgiund oinos Pastor- 
netzes fur e no Million, roso lur 
e re halbe Million Menschen go- 
baut. Philadelphia u. a. eilento 
seine GrGndung -m 17. Jh. n. Chr 
und ist wie v ele andere anerika- 
nischo Sludtc auf der Basis eir.es 
Rastemeizes gepiani. 

Auch der nichl reai-Sicrtc Plan 
vor Le Corausier lur das neuc 
Zentrum von Paris beruhle out 
dem Raslsrsystem das Sich den 
vorhandenen Verhaltmssen anzu- 
passen wussle. 


Concluding remarks Schlussbemerkung 


The examples given in this book had to be kept simple 
and understandable in the interests of clarity so that 
young and inexperienced designers could learn the 
principles and embody them in their own work. In 
practice every designer will come up against problems 
which differ to a greator or lesser degree in their 
character and which may be simpler but also very much 
more complicated. However, if he has grasped the 
essentials of the grid system, he will be able to handle 
even more complex jobs with the aid of the grid. 

With each now problem that ho masters with this system 
of organization he will gain in assurance in applying 
the grid and he will derive ever-increasing satisfaction 
from the ordered architectonic pictorial form his work 
acquires. As his touch becomes more sure, his 
imagination will have greater scope for action. This 
possibility of producing an integrated pattern of text and 
picture even in complex commissions affords a great 
opportunity for the creative designer. 

More and more, clients expect the designer’s work to be 
logical and systematic, not only on economic grounds 
but also with a view to image creation and cultivation, 
for a unified conception for a corporate identity cannot 
be produced by croativity which is solely emotional in 
origin. Design demands to a very high degree not only 
emotional but also intellectual capacity for creative 
achievement. 


Die in diesem Buch vorgestolltcn Bcispiele mussten der 
Klarheit wegen einfach und verstandlich gchalten 
werden, damit ihre Konzeptionen fur den jungen. 
unerfahrenen Designer nachvollziehbar und erlernbar 
Sind. Die Praxis wird fur jeden Gestalter neue und 
anders gelagerte Problemc bringen. die weniger Oder 
weit komplizierter sein konnen. Hat er das Wesen 
des Rastcrsystcms im wesenthchen abor erfasst, wird 
es thm moglich sein. auch komplexere Aufgaben mit 
Hilfe des Rasters zu loscn. 

Mil jedem neuen Problem, das or mit diesem Ordnungs- 
system bcwaltigt hat. wird die Sicherhcit im Umgang mit 
dem Raster zunehmen. die Befnedigung daruber. dass 
seme Arbeit cine geordnete. architektonische Bildform 
erhalten hat. wachsen. Mit zunchmender Sicherheit 
erhalt die Phantasie einen grosscren Spielraum. In 
diesor Moglichkeit. auch bei komplexen Aufgabon- 
stellungen cin geordnetes Text-Bildgofugo erreichcn zu 
konnen. Iiegt eine grossc Chance fur den kreativen 
Designer. 

Auftraggeber erwarten vom Gestalter vermehrt logische 
und systematische Konzeptionen, nicht nur aus wirt- 
schafthchcn. auch aus Grunden der Image-Bildung und 
-Pflege. Mit ausschliesslich aut Emotion gegrundeter 
Kreativitat allein lasst sich keine cinhoitliche Konzeption 
fur oin Erscheinungsbild finden. Gestaltung bodeutet im 
hohen Masse intcllcktuelte und emotionale Fahigkeit zu 
schopferischer Leistung. 
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